@charset "UTF-8";
a, .transition, .g-head, .g-head .search, .g-head .search .form, .g-nav, .g-nav a.name.s-name:after, .indexFlash .dots span, .video-layer, .indexPart-2 .box, .indexPart-2 .box .name, .indexPart-2 .box .name2:after, .indexPart-2 .box .list, .indexPart-3 .btn li, .indexPart-3 .list-wrapper a .img:after, .indexPart-3 .list-wrapper a .box .time, .indexPart-3 .list-wrapper a .box h342, .indexPart-5 .list-1 li .layer, .indexPart-5 .list .dots span, .product-nav a .img, .product-nav a h3, .product a .img, .product a .box, .product a .layer, .productShow .list-2 li .name, .foot-btn a.btn em, .news a .bg, .news a .time, .news a dl.tag div, .news a .more, .news a .more em, .about-1 .list-1 li .layer, .about-1 .list .dots span, .honor-1 dd .name, .honor-2 li .img p, .honor-2 li .name, .honor-layer, .system-nav a:after, .join .list li .title2, .join .list li .title2 div, .brand .list-2 li .name, .pageLayer, .cookieFootLayer, :before, img, .nav {
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}

.ellipsis, .p-nav a, .productShow .list-2 li .name, .relevant li, .news a h3, .siteMap .list dl dd, .brand .list-2 li .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.flex, .g-head .language, .g-foot .title, .g-foot .ewm ul, .g-foot .msg ul, .indexFlash .dots, .indexPart-1 .list ul, .video-layer, .indexPart-2 ul, .indexPart-2 .box .list dd, .indexPart-3 .btn ul, .indexPart-3 .list-wrapper a .box .time, .indexPart-5 .list li .address, .indexPart-5 .list .dots, .page-banner, .product a .img, .productShow .list div, .foot-btn .wal, .page-num, .newShow div.title, .page-num2 ul, .page-num2 a, .about-1 .list li .address, .about-1 .list .dots, .honor-1 dd .name, .honor-2 li .img div, .honor-2 li .img p, .honor-layer, .honor-layer .list .img, .system-nav ul, .system-nav a, .join .list li .title2, .join .list li .box .btn, .programme-1 .list-2 div, .pageLayer, .cookieFootLayer .btn {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}

.flexColumn, .indexFlash li .wal, .indexPart-1 .video, .indexPart-2 .box, .indexPart-3 .list-wrapper a, .brand .list-1 a {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.itemsCenter, .g-head .language, .g-foot .title, .indexPart-1 .video, .video-layer, .indexPart-2 .box, .indexPart-3 .list-wrapper a .box .time, .page-banner, .product a .img, .productShow .list div, .foot-btn .wal, .service li, .page-num, .page-num2 a, .honor-1 dd .name, .honor-2 li .img div, .honor-2 li .img p, .honor-layer, .honor-layer .list .img, .system-nav a, .system li, .join .list li .title2, .join .list li .box .btn, .programme-1.programme-1-2, .programme-1 .list-2 div, .pageLayer, .cookieFootLayer .wal {
    align-items: center;
    -webkit-align-items: center;
}

.justifyCenter, .g-foot .msg, .indexFlash li .wal, .indexFlash .dots, .indexPart-1 .video, .video-layer, .indexPart-2 .box, .indexPart-2 .box .list dd, .product-nav ul, .product a .img, .p-nav ul, .page-num, .page-num2 a, .honor-1 dd .name, .honor-2 li .img div, .honor-2 li .img p, .honor-layer, .honor-layer .list .img, .system-nav a, .join .tag dl, .brand .list-1 a, .pageLayer {
    justify-content: center;
    -webkit-justify-content: center;
}

.flexAround {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.flexBetween, .indexPart-1 .list ul, .indexPart-5 .list li, .about-1 .list li, .system li, .programme-1, .programme-3 .box, .cookieFootLayer .wal, .cookieFootLayer .btn {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
ol, ul, dl, p,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0;
}
dd{margin-bottom:0}
.page-link {line-height:inherit}
.flexWrap, .g-nav ul, .g-foot .wal, .g-foot .list.list-2 ul, .g-foot .msg, .indexPart-5 .list li, .product-nav ul, .product ul, .p-nav ul, .productShow .list ul, .productShow .list-2 ul, .relevant ul, .service li, .news a dl.tag, .about-1 .list li, .about-5 dl, .honor-1 dl, .honor-2 ul, .system li, .join .tag dl, .siteMap .list ul, .brand .list-1 ul, .brand .list-2 ul, .programme-1, .programme-2 .list ul, .programme-3 .box, .cookieFootLayer .wal {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html {
    font-size: 100px;
}

body {
    font-size: 12px;
    font-family: Arial, 'Microsoft YaHei';
    color: #333;
    -webkit-text-size-adjust: none;
    opacity: 0;
}

body.show {
    opacity: 1;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
}

a {
    color: #333;
    text-decoration: none;
    outline: none;
}

a:active {
    star: expression(this.onFocus=this.blur());
}

a:link {
    text-decoration: none;
    outline: none;
}

a:visited {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
    color: #044b9b;
    outline: none;
}

li {
    list-style: outside none;
}

h1 {
    font-size: 16px;
}

h2, h3, h4, h5 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

textarea, input {
    background: transparent;
    font-size: 12px;
    font-family: Arial, "微软雅黑";
    color: #888;
    outline: none;
    border: 0;
}

em {
    font-style: normal;
}

img {
    vertical-align: middle;
    max-width: 100%;
    border: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
    height: 0;
    display: block;
    _display: inherit;
}

.before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
}

.h10 {
    height: 0.1rem;
    overflow: hidden;
    clear: both;
}

.h50 {
    height: 0.5rem;
    overflow: hidden;
    clear: both;
}

.h100 {
    height: 1rem;
    overflow: hidden;
    clear: both;
}

.wal {
    max-width: 13rem;
    margin: 0 auto;
}

@font-face {
    font-family: "Oswald";
    src: url("fonts/Oswald-Medium_1.woff2") format("woff2"), url("fonts/Oswald-Medium_1.woff") format("woff"), url("fonts/Oswald-Medium_1.ttf") format("truetype"), url("fonts/Oswald-Medium_1.eot") format("embedded-opentype"), url("fonts/Oswald-Medium_1.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fixed-right {
    position: fixed;
    bottom:30%;
    right: 20px;
    z-index: 888;
}

.g-headD {
    height: 0.9rem;
}

.g-head {
    position: fixed;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
}

.g-head:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1.19rem;
    background: white;
}

.g-head.hide {
    top: -1.2rem;
}

.g-head .wal {
    min-height: 0.9rem;
    position: relative;
}

.g-head a.logo {
    display: block;
    /*width: 2.15rem;*/
    /*width: 1.8rem;*/
    width: 3.625rem;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.335rem;
}
.g-head a.navB {
    display: block;
    /*width: 2.15rem;*/
    /*width: 1.8rem;*/
    /*width: 3.625rem;*/
    height: 100%;
    position: absolute;
    z-index: 10;
    right: .2rem;
    top: 50%;
    bottom: auto;
    margin-top: -.135rem;
}

.banner {
    top:50%;
    left:20%;
}

.banner h1 {
    font-size: .6rem;
}

.g-head a.navB .stock-code {
    font-size: 120%;
    color: #0042a1;
    text-align: center;
}

.g-head .search {
    width: .36rem;
    height: .36rem;
    background: rgba(0, 0, 0, 0.3) url("../image/img36.png") center no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 2.27rem;
    top: 50%;
    bottom: auto;
    margin-top: -.18rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.g-head .search .form {
    position: absolute;
    z-index: 10;
    left: -0.2rem;
    right: auto;
    top: 0.36rem;
    bottom: auto;
    background: #fff;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    width: 2.84rem;
    height: .6rem;
    padding: .12rem;
    box-shadow: 0 0.1rem 0.24rem rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0.1rem 0.24rem rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0.1rem 0.24rem rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
}

.g-head .search .form:before {
    content: "";
    display: block;
    position: absolute;
    left: .3rem;
    top: -.06rem;
    width: .16rem;
    height: .16rem;
    background: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.g-head .search .form:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -.3rem;
    width: 50%;
    height: .3rem;
}

.g-head .search .form .input {
    -moz-border-radius: 0.06rem;
    -webkit-border-radius: 0.06rem;
    border-radius: 0.06rem;
    height: .36rem;
    background: #eee;
}

.g-head .search .form .input input {
    width: 100%;
    height: .36rem;
    line-height: .36rem;
    padding-left: .1rem;
    font-size: .14rem;
}

.g-head .search .form .submit {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.12rem;
    top: 0.12rem;
    bottom: auto;
    -moz-border-radius: 0.06rem;
    -webkit-border-radius: 0.06rem;
    border-radius: 0.06rem;
    background: #044b9b;
    height: .36rem;
    width: .8rem;
}

.g-head .search .form .submit input {
    width: 100%;
    height: .36rem;
    font-size: .14rem;
    color: #fff;
    cursor: pointer;
}

.g-head .search.on {
    background-color: #044b9b;
}

.g-head .search.on .form {
    top: .54rem;
    opacity: 1;
    visibility: visible;
}

.g-head .language {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
}

.g-head .language .name {
    font-size: .14rem;
    color: #fff;
    padding-left: .26rem;
    line-height: .21rem;
    background: url("../image/img18.png") left center no-repeat;
    background-size: .18rem;
    margin-right: -.1rem;
}

.g-head .language a {
    width: .26rem;
    opacity: .5;
    margin-left: .12rem;
}

.g-head .language a:hover, .g-head .language a.on {
    opacity: 1;
}

.g-nav {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 3.8rem;
    top: 0;
    bottom: auto;
}

.g-nav li {
    margin: 0 .2rem;
    position: relative;
}

.g-nav a.name {
    display: block;
    height: .8rem;
    padding-top: .34rem;
    font-size: .16rem;
    color: #868690;
    position: relative;
    z-index: 11;
}

.g-nav a.name:hover {
    text-decoration:none;
}

.g-nav a.name:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: .03rem;
    background: #044b9b;
}

.g-nav a.s-red:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: .03rem;
    background: red;
}

.g-nav a.name.on {
    color: #044b9b;
    font-weight: bold;
}

.g-nav a.name.on:before {
    left: 0;
    width: 100%;
}

.g-nav a.name.s-name:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    width: .12rem;
    margin-left: -.06rem;
    background: url("../image/img12.png") center no-repeat;
    height: .07rem;
    background-size: 100%;
    opacity: 0;
    visibility: hidden;
}
.g-nav a.name.s-red {
    color: red;
}
.g-nav a.name span {
    display: block;
    font-size: 60%;
    text-transform: uppercase;
}

@media screen and (min-width: 800px) {
    .g-nav .list {
        position: absolute;
        z-index: 10;
        left: 50%;
        right: auto;
        top: -0.8rem;
        bottom: auto;
        width: 1.6rem;
        margin-left: -.8rem;
        background: #f1f1f1;
        opacity: 0;
        visibility: hidden;
    }

    .g-nav .list a {
        display: block;
        height: .5rem;
        line-height: .5rem;
        font-size: .15rem;
        color: #111;
        /*text-align: center;*/
        position: relative;
        padding-left: .265rem;
    }
    .g-nav .list a:hover {
        text-decoration: none;
    }
    .g-nav .list a:before {
        content: " • ";
        font-size: .2rem;
        position: absolute;
        /*top: .1rem;*/
        left: .1rem;
    }
    
    .g-nav .list a.widther-a {
        text-align: center;
        font-size: .16rem;
        background: #e0e0e0;
    }
    
    
    
    .g-nav .list a.widther-a:before {
        content: "";
    }
    .g-nav .list a.solution-item {
        width: 50%;
    }

    .g-nav .list a:hover, .g-nav .list a.on {
        color: #fff;
        background: rgba(0, 13, 26, 0.2);
    }
    
    .g-nav .list a.widther-a:hover {
        background: #e0e0e0;
        color: #3f6dc4;
    }

    .g-nav li:hover .list {
        top: .8rem;
        opacity: 1;
        visibility: visible;
		border-bottom: 10px solid #0042a1;
        transition: opacity 0.5s ease;
        -webkit-transition: opacity 0.5s ease;
        -moz-transition: opacity 0.5s ease;
        -o-transition: opacity 0.5s ease;
    }

    .g-nav li:hover a.name:not(".s-red") {
        color: #044b9b;
    }

    .g-nav li:hover a.name:before {
        left: 0;
        width: 100%;
    }

    .g-nav li:hover a.name.s-name:after {
        opacity: 1;
        visibility: visible;
    }
    .g-nav li:hover a.name.s-name.tel:before {
        width: 0;
    }
    .g-nav .list.widther {
        width: 7rem;
    }
    
    .g-nav .list.product-list {
        width: 5.4rem;
    }
    
    .g-nav .list.widther dl {
        display: flex;
        justify-content: space-around;
    }
    
    .g-nav .list.product-list .home-product-nav {
        display: flex;
        flex-wrap: wrap;
    }
    .g-nav .list.widther dl dd {
        flex: 1;
    }
    
    .g-nav .list.product-list .product-nav-item-box-left,  .g-nav .list.product-list .product-nav-item-box-right{
        width: 50%;
        padding: 0 .1rem;
    }
    
    .g-nav .list.product-list .product-nav-item-box-left, .g-nav .list.widther dl dd {
        position: relative;
    }
    
    .g-nav .list.product-list .product-nav-item-box-left:after, .g-nav .list.widther dl dd:after{
        content: "";
        position: absolute;
        top: .3rem;
        right: 0;
        width: .02rem;
        height: 1.9rem;
        background: #e0e0e0;
    }
    
    .g-nav .list.widther dl dd:after {
        height: 2.4rem;
    }
    
    .g-nav .list.widther dl dd:last-child:after{
        width: 0;
    }
    
    .g-nav .list.widther dl dd .solution-nav {
        display: flex;
        flex-wrap: wrap;
    }
}

a.topA {
    display: block;
    background: url("../image/topA.png") center no-repeat;
    background-size: 100%;
    width: .54rem;
    height: .54rem;
    position: fixed;
    z-index: 20;
    right: .1rem;
    bottom: .2rem;
    opacity: 0;
    visibility: hidden;
}

a.topA.show {
    opacity: 1;
    visibility: visible;
}

a.downA {
    display: block;
    background: url("../../uploads/20220215/20230223-4.jpg") center no-repeat;
    background-size: 100%;
    width: 1.18rem;
    height: 1.69rem;
    position: fixed;
    z-index: 20;
    right: 0rem;
    top: 1.1rem;
    opacity: 0;
    visibility: hidden;
}

a.downA.show {
    opacity: 1;
    visibility: visible;
}

.g-foot-2 {
    border-top: #044b9b solid 0.06rem;
}

.g-foot {
    background: #081226;
    color: #fff;
    font-size: .14rem;
}

.g-foot a {
    color: #fff;
}

.g-foot .wal {
    min-height: 2.65rem;
    border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
    position: relative;
    padding: .6rem 0 0 0;
}

.g-foot .title {
    color: #fff;
    font-size: .18rem;
    padding-bottom: .1rem;
}

.g-foot .title img {
    width: .28rem;
    margin-right: .08rem;
}

.g-foot .col {
    width: 4.92rem;
}

.g-foot .col .logo {
    width: 2.15rem;
    padding-bottom: .3rem;
}

.g-foot .col p {
    line-height: .265rem;
}

.g-foot .list {
    width: 2.75rem;
}

.g-foot .list li {
    line-height: .38rem;
}

.g-foot .list.list-2 {
    width: 2rem;
}

.g-foot .list.list-2 ul li {
    width: 50%;
}

.g-foot .ewm {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.6rem;
    bottom: auto;
    display: flex;
}

.g-foot .ewm .ewm-div{
    margin: 0 .125rem;
}

.g-foot .ewm li {
    width: 1.16rem;
    text-align: center;
    margin-left: .3rem;
}

.g-foot .ewm p {
    font-size: .14rem;
    line-height: .46rem;
    letter-spacing: .01rem;
}

.g-foot .ewm img {
    max-width: 1rem;
}

.g-foot .msg {
    text-align: center;
    line-height: .55rem;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: .02rem;
}

.g-foot .msg a {
    color: rgba(255, 255, 255, 0.5);
}

.g-foot .msg a:hover {
    color: #044b9b;
}

.g-foot .msg ul li {
    margin-left: .21rem;
    padding-left: .23rem;
    position: relative;
}

.g-foot .msg ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: .14rem;
    margin-top: -.07rem;
    background: rgba(255, 255, 255, 0.5);
}

.g-more {
    display: block;
    width: 1.4rem;
    height: .48rem;
    line-height: .46rem;
    text-align: center;
    font-size: .18rem;
    border: #fff solid 1px;
    color: #fff;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

.g-more em {
    background: url("../image/img9.png") right center no-repeat;
    padding-right: .2rem;
    background-size: .09rem;
}

.g-more:hover {
    background-color: #044b9b;
    border-color: #044b9b;
    color: #fff;
}

.g-more2 {
    display: block;
    width: .72rem;
    height: .72rem;
    border: #fff solid .02rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url("../image/img72_1.png") center no-repeat;
    background-size: .72rem;
}

.g-more2:hover {
    background-color: #fff;
    background-image: url("../image/img72.png");
}
.no-data {
    background: url("../image/no-data.png") center no-repeat;
    background-size: 328px;
}
/*index*/
.indexFlash {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.indexFlash li {
    background: center no-repeat;
    background-size: cover;
}

.indexFlash li .wal {
    height: 8rem;
    padding-top: 0.9rem;
    color: #fff;
}

.indexFlash li .wal h2 {
    font-size: .56rem;
}

.indexFlash li .wal p {
    font-size: .2rem;
    padding: .15rem 0 .4rem 0;
}

.indexFlash .dots {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0.4rem;
    width: 100%;
}

.indexFlash .dots span {
    width: .1rem;
    height: .1rem;
    margin: 0 .05rem;
    background: #fff;
    -moz-border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    border-radius: 0.05rem;
}

.indexFlash .dots span.swiper-pagination-bullet-active {
    width: .6rem;
}

.indexFlash a.arrow {
    display: block;
    width: .6rem;
    height: .6rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.3rem;
    background: rgba(255, 255, 255, 0.1) url("../image/prev60.png") center no-repeat;
    background-size: cover;
}

.indexFlash a.arrow:hover {
    background-color: #044b9b;
}

.indexFlash a.arrow.prev {
    left: .6rem;
    background-image: url("../image/prev60.png");
}

.indexFlash a.arrow.next {
    right: .6rem;
    background-image: url("../image/next60.png");
}

.indexFlash .bg {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: 2.5rem;
    overflow: hidden;
}

.indexFlash .bg .waves {
    height: 4.5rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
}

.index-title {
    color: #fff;
    letter-spacing: .02rem;
}

.index-title h2 {
    font-size: .36rem;
    font-family: 'Oswald';
    text-transform: uppercase;
    line-height: 1em;
    padding-bottom: .12rem;
    font-weight: 100;
}

.index-title h2 em {
    color: #044b9b;
}

.index-title h3 {
    font-size: .28rem;
}

.indexPart-1 {
    background: url("../image/indexPart-1.jpg") center no-repeat;
    background-size: cover;
}

.indexPart-1 .wal {
    min-height: 6.2rem;
    position: relative;
}

.indexPart-1 .index-title {
    padding: 1.3rem 0 .65rem 0;
}

.indexPart-1 .list {
    width: 6.4rem;
}

.indexPart-1 .list a {
    display: block;
    text-align: center;
    color: #fff;
}

.indexPart-1 .list a .img {
    width: 1rem;
    margin: 0 auto;
    position: relative;
}

.indexPart-1 .list a .img img {
    position: relative;
    z-index: 2;
}

.indexPart-1 .list a .img i {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.indexPart-1 .list a .name {
    font-size: .18rem;
    line-height: .6rem;
    white-space: nowrap;
}

.indexPart-1 .list a:hover {
    color: #044b9b;
}

.indexPart-1 .list a:hover .name {
    font-weight: bold;
}

.indexPart-1 .list a:hover .img i:nth-child(1) {
    animation: scale-animation 1.5s infinite linear;
    -webkit-animation: scale-animation 1.5s infinite linear;
}

.indexPart-1 .list a:hover .img i:nth-child(2) {
    animation: scale-animation 1.5s -.5s infinite linear;
    -webkit-animation: scale-animation 1.5s -.5s infinite linear;
}

.indexPart-1 .list a:hover .img i:nth-child(3) {
    animation: scale-animation 1.5s -1s infinite linear;
    -webkit-animation: scale-animation 1.5s -1s infinite linear;
}

.indexPart-1 .video {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    background: url("../image/img432.png") center no-repeat;
    background-size: cover;
    width: 4.32rem;
    height: 100%;
    text-align: center;
    color: #fff;
}

.indexPart-1 .video .btn {
    width: 2.06rem;
    position: relative;
}

.indexPart-1 .video .btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../image/img206bg.png") center no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.indexPart-1 .video .btn img {
    position: relative;
}

.indexPart-1 .video .btn:hover:before {
    animation: rotate-animation 10s infinite linear;
    -webkit-animation: rotate-animation 10s infinite linear;
}

.indexPart-1 .video .name {
    font-size: .18rem;
    line-height: .3rem;
    padding-top: .35rem;
}

.message h2 {
    font-size: .20rem;
}

@keyframes rotate-animation {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-animation {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes scale-animation {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    10% {
        opacity: .2;
    }
    50% {
        transform: scale(1.3);
        opacity: .1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes scale-animation {
    0% {
        -webkit-transform: scale(0);
        opacity: 1;
    }
    10% {
        opacity: .2;
    }
    50% {
        -webkit-transform: scale(1.3);
        opacity: .1;
    }
    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

.video-layer {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
}

.video-layer.show {
    opacity: 1;
    visibility: visible;
}

.video-layer .container {
    width: 8.2rem;
    background: #fff;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    position: relative;
    padding: .5rem .3rem .3rem;
}

.video-layer .container video {
    width: 100%;
}

.video-layer a.close {
    display: block;
    width: .5rem;
    height: .5rem;
    background: url("../image/close24.png") center no-repeat;
    background-size: .24rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
	height: auto;
}
.w1200:after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	clear: both;
}
.ai_card {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 80px;
	margin-top: 50px;
}
.ai_card h2.t {
	padding-top: 80px;
	font-size: 36px;
	text-align: center;
	font-weight: normal;
}
.ai_card p.sub_t {
	padding-top: 15px;
	font-size: 16px;
	text-align: center;
	padding-bottom: 60px;
}
.ai_card ul {
	padding-bottom: 70px;
}
.ai_card ul li {
	float: left;
	position: relative;
	width: 33.333333333%;
	height: 328px;
	border: 1px solid #e7e7e7;
	margin-left: 0;
	z-index: 10;
}

.flex-col {
    padding-left: 120px;
}

.ai_card ul li:before {
	content: "";
	width: 0px;
	height: 2px;
	background: #00b8ff;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 999;
	transition: 1s;
}
.ai_card ul li .info {
	position: absolute;
	top: 50px;
	width: 100%;
	left: 0;
	transition: 0.5s;
}
.ai_card ul li .info .img {
	width: 100%;
	height: 50px;
	text-align: center;
}
.ai_card ul li .info h3 {
	font-weight: normal;
	color: #333;
	padding-top: 30px;
	padding-bottom: 25px;
	font-size: 24px;
	text-align: center;
}
.ai_card ul li .info p {
	width: 90%;
	height: 85px;
	line-height: 24px;
	margin: 0 auto;
	color: #73747b;
	font-size: .16rem;
	text-align: center;
}
.ai_card ul li a.btn {
	position: absolute;
	width: 120px;
	height: 40px;
	line-height: 40px;
	display: block;
	left: 50%;
	margin-left: -60px;
	bottom: 50px;
	color: #fff;
	background: #00b8ff;
	opacity: 0;
	border-radius: 2px;
	transition: 0.5s;
	font-size: 16px;
	text-align: center;
}
.ai_card ul li.active {
	box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3);
}
.ai_card ul li.active:before {
	width: 398px;
	height: 2px;
}
.ai_card ul li.active .info {
	top: 20px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.ai_card ul li.active a.btn {
	opacity: 1;
}

.procase_main .product_content .grid_product {
        display: grid;
        grid-template-columns: 405px 405px 405px;
        grid-template-rows: 210px 210px
    }
    
    .procase_main .product_content h2 {
        font-family: 'Microsoft YaHei';
        font-size: .32rem;
        color: #000;
        font-weight: 500;
        text-align: center;
        margin: .2rem 0;
    }

    .procase_main .product_content .grid_product .product_item {
        margin: 20px 20px 0 0;
        position: relative;
        background-image: linear-gradient(135deg,#679efb,#406eff);
        background-size: cover
    }

.procase_main .product_content .grid_product .product_item a {
    padding: 30px 10px 50px 25px;
    display: block;
    width: 100%;
    height: 100%
}

.procase_main .product_content .grid_product .product_item a h4 {
    font-family: 'Microsoft YaHei';
    font-size: .18rem;
    color: #fff;
    font-weight: 500;
    margin-bottom: 5px;
    margin-left: 0;
}

.procase_main .product_content .grid_product .product_item a p {
    font-family: 'Microsoft YaHei';
    font-size: .14rem;
    color: #fff
}

.procase_main .product_content .grid_product .product_item a span {
    position: absolute;
    bottom: 30px;
    font-family: 'Microsoft YaHei';
    font-size: .14rem;
    color: #fff
}

.procase_main .product_content .grid_product .product_item:first-child {
    grid-row-start: 1;
    grid-row-end: 4;
    background-image: linear-gradient(135deg,#679efb,#406eff);
    border-radius: 4px
}

.procase_main .product_content .grid_product .product_item:first-child a h4,.procase_main .product_content .grid_product .product_item:first-child a p {
    color: #fff
}

.procase_main .product_content .grid_product .product_item:first-child a span {
    border: 1px solid #fff;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    position: absolute;
    top: 40%;
    bottom: auto;
    font-size: .12rem
}

.procase_main .product_content .grid_product .product_item:hover {
    cursor: pointer
}

.procase_main .product_content .grid_product .product_item:hover:first-child a span {
    transform: translateX(5px);
    transition: all .3s
}
.procase_main .product_content .grid_product .product_item:hover {
    background-image: linear-gradient(135deg,#406eff,#679efb);
    /*grid-row-end: 4;*/
}
/*.indexPart-2 {
  background: url("../image/indexPart-2.jpg") center no-repeat;
  background-size: cover; }
  .indexPart-2 .wal {
    min-height: 7rem;
    position: relative; }
  .indexPart-2 li {
    width: 33.333%;
    border-left: rgba(255, 255, 255, 0.3) solid 1px; }
    .indexPart-2 li:first-child {
      border: 0; }
  .indexPart-2 .box {
    color: #fff;
    height: 7rem;
    background: rgba(0, 0, 0, 0.3);
    text-align: center; }
    .indexPart-2 .box .ico {
      width: 1rem; }
    .indexPart-2 .box .name {
      font-size: .3rem;
      text-transform: uppercase;
      font-family: 'Oswald';
      line-height: 1.1rem; }
    .indexPart-2 .box .name2 {
      font-size: .24rem;
      line-height: 1.15rem;
      position: relative; }
      .indexPart-2 .box .name2:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 0;
        width: .5rem;
        height: .06rem;
        background: #fff;
        margin-left: -.25rem; }
      .indexPart-2 .box .name2:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 100%;
        width: 3rem;
        height: 1px;
        background: rgba(255, 255, 255, 0.5);
        margin-left: -1.5rem;
        opacity: 0;
        margin-top: .03rem; }
    .indexPart-2 .box .list {
      height: 0;
      overflow: hidden;
      position: relative;
      padding-top: 0;
      opacity: 0;
      visibility: hidden; }
      .indexPart-2 .box .list dd {
        padding-bottom: .08rem; }
        .indexPart-2 .box .list dd a {
          height: .34rem;
          line-height: .34rem;
          padding: 0 .24rem;
          font-size: .14rem;
          color: #fff;
          -moz-border-radius: 0.2rem;
          -webkit-border-radius: 0.2rem;
          border-radius: 0.2rem; }
          .indexPart-2 .box .list dd a:hover {
            background: rgba(0, 0, 0, 0.2); }
      .indexPart-2 .box .list .more a {
        position: absolute;
        z-index: 10;
        left: 50%;
        right: auto;
        top: auto;
        bottom: 0;
        margin-left: -.36rem; }
  .indexPart-2 .box:hover {
    background: rgba(255, 121, 0, 0.9); }
    .indexPart-2 .box:hover .name {
      height: 0;
      opacity: 0; }
    .indexPart-2 .box:hover .name2:before {
      top: 100%; }
    .indexPart-2 .box:hover .name2:after {
      opacity: 1; }
    .indexPart-2 .box:hover .list {
      height: 2.45rem;
      padding-top: .37rem;
      opacity: 1;
      visibility: visible; }*/
.indexPart-2 {
    padding-bottom: .5rem;
    background: #fff;
}

.indexPart-2 ul {
    margin: 0;
    flex-wrap: wrap;
}

.indexPart-2 li {
    flex: 1;
    padding-left: 1px;
    position: relative;
}

/*.indexPart-2 li:last-child {*/
/*    flex: .5*/
/*}*/

.indexPart-2 li .box {
    height: 4rem;
}

.indexPart-2 .index-title {
    padding: 1.05rem 0 0.15rem 0;
    color: inherit;
}

.indexPart-2 li .box {
    height: 1.625rem;
    background: #539ef3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
    padding-bottom: 0;
    transition: all .5s ease;
    transform: scale(1);
}
.indexPart-3 {
    background: url("../image/indexPart-3.jpg") center no-repeat;
    background-size: cover;
}

.indexPart-3 .wal {
    min-height: 9rem;
    position: relative;
}

.indexPart-3 .index-title {
    padding: 1.15rem 0 .55rem 0;
}

.indexPart-3 .g-more2 {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 1.7rem;
    bottom: auto;
}

.indexPart-3 .btn {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 2.2rem;
    top: 1.95rem;
    bottom: auto;
}

.indexPart-3 .btn li {
    margin-left: .32rem;
    line-height: .38rem;
    font-size: .16rem;
    color: #fff;
    cursor: pointer;
    position: relative;
}

.indexPart-3 .btn li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    opacity: 0;
    height: .11rem;
    background: url("../image/img120.png") center no-repeat;
    background-size: auto 100%;
}

.indexPart-3 .btn li.on {
    color: #044b9b;
}

.indexPart-3 .btn li.on:before {
    opacity: 1;
}

.indexPart-3 .list {
    position: relative;
}

.indexPart-3 .arrow a {
    display: block;
    width: .16rem;
    height: .3rem;
    background: center no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.15rem;
}

.indexPart-3 .arrow a.prev {
    left: -.5rem;
    background-image: url("../image/prev16.png");
}

.indexPart-3 .arrow a.prev:hover {
    background-image: url("../image/prev16on.png");
}

.indexPart-3 .arrow a.next {
    right: -.5rem;
    background-image: url("../image/next16.png");
}

.indexPart-3 .arrow a.next:hover {
    background-image: url("../image/next16on.png");
}

.indexPart-3 .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.indexPart-3 .list-wrapper a {
    color: #fff;
}

.indexPart-3 .list-wrapper a .img {
    height: 2.4rem;
    background: center no-repeat;
    background-size: cover;
    position: relative;
}

.indexPart-3 .list-wrapper a .img:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 121, 0, 0.5) url("../image/img50.png") center no-repeat;
    background-size: .5rem;
    opacity: 0;
}

.indexPart-3 .list-wrapper a .img:after {
    content: "";
    display: block;
    position: absolute;
    left: .1rem;
    top: .1rem;
    right: .1rem;
    bottom: .1rem;
    border: #fff solid .02rem;
    box-sizing: border-box;
    opacity: 0;
}

.indexPart-3 .list-wrapper a .box {
    height: 2.4rem;
    position: relative;
    padding: .58rem .5rem 0 .5rem;
}

.indexPart-3 .list-wrapper a .box .time {
    color: #4bafff;
    font-size: .16rem;
    font-family: 'Oswald';
    position: absolute;
    z-index: 10;
    left: 0.5rem;
    right: auto;
    top: 0;
    bottom: auto;
    margin-top: -.32rem;
    line-height: .64rem;
}

.indexPart-3 .list-wrapper a .box .time em {
    font-size: .64rem;
    text-shadow: 0.04rem 0.04rem 0 rgba(0, 0, 0, 0.5);
}

.indexPart-3 .list-wrapper a .box .time span {
    position: relative;
    top: .22rem;
    padding-left: .06rem;
}

.indexPart-3 .list-wrapper a .box h3 {
    font-size: .18rem;
    line-height: .3rem;
    position: relative;
    padding-bottom: .32rem;
}

.indexPart-3 .list-wrapper a .box h3:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .15rem;
    width: .3rem;
    height: .02rem;
    background: #4bafff;
}

.indexPart-3 .list-wrapper a .box p {
    font-size: .14rem;
    line-height: .26rem;
}

.indexPart-3 .list-wrapper a:hover .box .time {
    color: #044b9b;
}

.indexPart-3 .list-wrapper a:hover .box h3 {
    color: #044b9b;
}

.indexPart-3 .list-wrapper a:hover .box h3:before {
    background: #044b9b;
}

.indexPart-3 .list-wrapper a:hover .img:before, .indexPart-3 .list-wrapper a:hover .img:after {
    opacity: 1;
}

.indexPart-3 .list-wrapper li:nth-child(odd) a .box {
    order: -1;
    padding-top: 0;
}

.indexPart-3 .list-wrapper li:nth-child(odd) a .box .time {
    top: 100%;
}

.indexPart-3 .list-wrapper li:nth-child(odd) a .box .time span {
    top: -.16rem;
}

.indexPart-4 {
    /*background: url("../image/bg-2.png") center bottom no-repeat;*/
    /*background-size: cover;*/
    background: rgba(241,241,241,.3);
    color: #fff;
}

.indexPart-4 .wal {
    min-height: 8.88rem;
    position: relative;
}

.indexPart-4 .index-title, .indexPart-2 .index-title {
    padding: .625rem 0 .12rem 0;
    /*text-align: center;*/
}

.indexPart-4 .index-title h3, .indexPart-2 .index-title h3 {
    color: #222222;
    font-size: .24rem;
    position: relative;
}

.indexPart-4 .index-title h3:after, .indexPart-2 .index-title h3:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -20px;
    background: url("../image/title-bg.png") center no-repeat;
    width: 95px;
    height: 6px;
    background-size: 100%;
}

/*.indexPart-4.case .index-title h3:after {*/
/*    left: .5rem;*/
/*}*/

.indexPart-4 .g-more2 {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 1.7rem;
    bottom: auto;
}

.indexPart-4 .content {
    position: relative;
    font-size: .14rem;
    line-height: .28rem;
    padding: .45rem 0 .35rem 0;
    min-height: 1.86rem;
    border-bottom: rgba(255, 255, 255, 0.4) dashed 1px;
    margin-bottom: .2rem;
    color: initial;
}

.indexPart-4 .content table {
    width: 100%
}

.indexPart-4 .content table .firstRow td {
    border-top: 2px solid #044b9b;
}

.indexPart-4 .content table td {
    padding: .05rem
}

.indexPart-4 .content p {
    padding-bottom: .1rem;
}

.indexPart-4 .content h3 {
    color: initial;
    font-size: .3rem;
    /*padding-left: 20px;*/
    position: relative;
    margin: .1rem
}

.indexPart-4 .content .content-content .products-bg p img {
    margin-left: -2em;
}

.indexPart-4 .content h4 {
    color: initial;
    margin: .1rem;
    font-size: .18rem;
}

ul.dasl li h4 span {
        position: absolute;
        width: .3rem;
        height: .3rem;
        line-height: .3rem;
        border-radius: 100%;
        text-align: center;
        display: block;
        background: #0042a1;
        color: #fff;
        left: -.165rem;
    }
.indexPart-4 .content .content-content h3:before {
    /*content: "》";*/
    left: 0;
    top: .07rem;
    position: absolute;
    /*width: 4px;*/
    /*height: 24px;*/
    /*background: #044b9b;*/
    /*display: block;*/
    color: #044b9b;
    font-size: .2rem;
    font-weight: bold;
}

.indexPart-4 .content:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: .5rem;
    height: .02rem;
}

.indexPart-4 .content ul li {
    display: flex;
    color: #111;
}
.indexPart-4 .content .content-content .products-bg ul {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}
.indexPart-4 .content .content-content .products-bg ul li {
    display: block;
    /*width: 33.33333%;*/
    padding: 0.2rem;
    background: rgba(227, 236, 247, 0.54);
    position:relative;
    font-weight: bold;
}

/*.indexPart-4 .content .content-content .products-bg ul li:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    padding-left: 20px;*/
/*    width: 2px;*/
/*    height: 2px;*/
/*    background: #3c65cb;*/
    /*border-radius: 2px;*/
/*}*/

.indexPart-4 .content .content-content .products-bg ul li p {
    font-weight: normal;
    padding-bottom: 0;
}

/*.indexPart-4 .content .content-content .products-bg ul li:not(:nth-child(3n)):after {*/
/*    content: "";*/
/*    width: 1px;*/
/*    height: 80px;*/
/*    background: #111;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 20px;*/
/*}*/

.indexPart-4 .content ul li .li-content {
    padding: 30px 30px 0;
    font-size: .18rem;
}
.indexPart-4 .content ul li .li-img {
    padding-top: 30px;
    min-width: 30px;
}
.indexPart-4 .content ul li .li-content h3 {
    font-weight: bold;
    font-size: .2rem;
    padding-left: 0;
    margin: 0;
}

.indexPart-4 .content ul li .li-content p {
    text-indent: 2em;
}

/*.indexPart-4 .list {*/
    /*padding: .3rem .27rem .3rem 1.64rem;*/
    /*position: relative;*/
    /*min-height: 1.5rem;*/
/*}*/

.indexPart-4 .list .title {
    text-align: center;
    font-size: .2rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0.3rem;
    bottom: auto;
}

.indexPart-4 .content ul li .li-content p {
    text-indent: 2em;
    line-height: 2;
    padding-bottom: 0;
}

.indexPart-4 .list .title div {
    width: .56rem;
    margin: 0 auto;
    padding-bottom: .1rem;
}

.indexPart-4 .list .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.indexPart-4 .list .list-wrapper li {
    padding: 0 .11rem;
}

.indexPart-4 .list .list-wrapper a {
    display: block;
    background: #fff;
    width: 100%;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.indexPart-4 .list .arrow a {
    display: block;
    width: .12rem;
    height: .3rem;
    background: center no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.15rem;
}

.indexPart-4 .list .arrow a.prev {
    left: 1.35rem;
    background-image: url("../image/prev16.png");
}

.indexPart-4 .list .arrow a.prev:hover {
    background-image: url("../image/prev16on.png");
}

.indexPart-4 .list .arrow a.next {
    right: 0;
    background-image: url("../image/next16.png");
}

.indexPart-4 .list .arrow a.next:hover {
    background-image: url("../image/next16on.png");
}

.indexPart-5 {
    background: none;
    width: 100%;
    overflow: hidden;
    position: relative;
    /*padding-bottom: 80px;*/
}


.indexPart-5 .wal {
    min-height: 7rem;
    position: relative;
}

.indexPart-5 .wal .wrap {
    display: flex;
    margin-top:30px
}

.wrap .item {
    width: 50%;
    overflow: hidden;
}

.wrap .item.frt {
    padding-left: .1rem;
}

.indexPart-5 .list-1 {
    position: relative;
}

.indexPart-5 .list-1 li {
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: auto;
    bottom: auto;
    width: 1px;
    height: 1px;
}

.indexPart-5 .list-1 li:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: -.1rem;
    background: url("../image/img32.png") center no-repeat;
    background-size: 100%;
    width: .32rem;
    height: .41rem;
    margin-left: -.16rem;
}

.indexPart-5 .list-1 li .layer {
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: -0.24rem;
    bottom: auto;
    min-height: .6rem;
    background: #4bafff;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    font-size: .14rem;
    line-height: .22rem;
    padding: .08rem .12rem .04rem .12rem;
    white-space: nowrap;
    color: #09102c;
}

.indexPart-5 .list-1 li .layer:before {
    content: "";
    display: block;
    position: absolute;
    width: .12rem;
    height: .12rem;
    background: #4bafff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.06rem;
}

.indexPart-5 .list-1 li .layer h3 {
    font-size: .16rem;
}

.indexPart-5 .list-1 li i {
    display: block;
    width: .57rem;
    height: .4rem;
    background: url("../image/img57.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: .1rem;
    margin-left: -.285rem;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    opacity: 0;
}

.indexPart-5 .list-1 li i:nth-child(1) {
    opacity: 1;
}

.indexPart-5 .list-1 li.li_01 .layer, .indexPart-5 .list-1 li.li_03 .layer, .indexPart-5 .list-1 li.li_04 .layer {
    right: .32rem;
}

.indexPart-5 .list-1 li.li_01 .layer:before, .indexPart-5 .list-1 li.li_03 .layer:before, .indexPart-5 .list-1 li.li_04 .layer:before {
    right: -.06rem;
}

.indexPart-5 .list-1 li.li_02 .layer, .indexPart-5 .list-1 li.li_05 .layer, .indexPart-5 .list-1 li.li_06 .layer {
    left: .32rem;
}

.indexPart-5 .list-1 li.li_02 .layer:before, .indexPart-5 .list-1 li.li_05 .layer:before, .indexPart-5 .list-1 li.li_06 .layer:before {
    left: -.06rem;
}

.indexPart-5 .list-1 li.li_01 {
    top: 1.8rem;
    margin-left: -.38rem;
}

.indexPart-5 .list-1 li.li_02 {
    top: 1.65rem;
    margin-left: -.03rem;
}

.indexPart-5 .list-1 li.li_03 {
    top: 2.7rem;
    margin-left: 3.55rem;
}

.indexPart-5 .list-1 li.li_03 .layer {
    top: -.3rem;
}

.indexPart-5 .list-1 li.li_04 {
    top: 3.3rem;
    margin-left: 3.75rem;
}

.indexPart-5 .list-1 li.li_05 {
    top: 2.5rem;
    margin-left: 3.9rem;
}

.indexPart-5 .list-1 li.li_06 {
    top: 3.3rem;
    margin-left: 3.7rem;
}

.indexPart-5 .list-1 li.on:before {
    background-image: url("../image/img32on.png");
}

.indexPart-5 .list-1 li.on .layer {
    background: #044b9b;
}

.indexPart-5 .list-1 li.on .layer:before {
    background: #044b9b;
}

.indexPart-5 .list-1 li.on i:nth-child(1) {
    animation: scaleAnimation 1.5s infinite linear;
    -webkit-animation: scaleAnimation 1.5s infinite linear;
}

.indexPart-5 .list-1 li.on i:nth-child(2) {
    animation: scaleAnimation 1.5s .5s infinite linear;
    -webkit-animation: scaleAnimation 1.5s .5s infinite linear;
}

.indexPart-5 .list {
    /*clear: both;*/
    /*padding: 20px 0;*/
    /*border: 1px solid #f9f9f9;*/
}

.indexPart-5 .list .date {
    float: left;
    margin-right: 30px;
    background: #b5b5b5;
    padding: 2px;
}

.indexPart-5 .list .date_k {
    height: 75px;
    width: 65px;
    padding: 0 5px;
    border: 2px solid #c9c9c9;
}

.date_k h2 {
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 43px;
    color: #fff;
    border-bottom: 1px solid #d2d2d2;
}

.date_k span {
    line-height: 25px;
    text-align: center;
    display: block;
    color: #fff;
}

.indexPart-5 .list h1{
    font-size: 19px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.indexPart-5 .list .text p {
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    color: #9e9e9e;
}

.indexPart-5 .list .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.indexPart-5 .list li {
    padding: .4rem;
}

.indexPart-5 .list li .img {
    width: 3.6rem;
    overflow: hidden;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.indexPart-5 .list li .col {
    width: 3.1rem;
}

.indexPart-5 .list li h3 {
    font-size: .24rem;
    position: relative;
    padding: .15rem 0 .45rem 0;
}
.indexPart-5 .news-item {
    border: 1px solid #fff;
    margin-bottom: .15rem;
    padding: .15rem .1rem;
    position: relative;
}
.indexPart-5 .news-item:hover {
    border-color: #044b9b;
}

.indexPart-5 .news-item:hover .date {
    background: #044b9b;
}

.indexPart-5 .list li h3:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .23rem;
    width: .4rem;
    height: .04rem;
    background: #fff;
}

.indexPart-5 .list li .info, .indexPart-5 .list li .address {
    font-size: .14rem;
    line-height: .24rem;
    padding-bottom: .04rem;
}

.indexPart-5 .list li .address em {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.indexPart-5 .list .dots {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0.4rem;
    width: 3.5rem;
}

.indexPart-5 .list .dots span {
    width: .08rem;
    height: .08rem;
    margin-right: .1rem;
    background: #4bafff;
    -moz-border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    border-radius: 0.05rem;
}

.indexPart-5 .list .dots span.swiper-pagination-bullet-active {
    width: .62rem;
    background: #044b9b;
}

.home-news {
    /*background-image: url('../image/1655885851770.png');*/
    background: rgba(241,241,241,.3);
}

.solution-box {
    background: rgba(241,241,241,.3);
}

.news-icos {
    position: relative;
}

.list-ico {
    background: #044b9b;
    text-align: center;
    max-height: 300px;
    overflow: hidden;
}

.news-icos .text {
    margin: .2rem auto;
}

.news-icos .swiper-slide {
    padding: .16rem 0;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #044b9b
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

@keyframes scaleAnimation {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    40% {
        transform: scale(0.5);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes scaleAnimation {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    40% {
        transform: scale(0.5);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

/*page*/
.page-banner {
    background: center no-repeat;
    background-size: cover;
    /*height: 5rem;*/
    /*padding-top: .3rem;*/
}

.page-banner div.title {
    width: 100%;
    text-align: center;
    color: #fff;
    letter-spacing: .02rem;
    background: url("../image/img512.png") center no-repeat;
    background-size: auto 100%;
    /*height: 1.1rem;*/
}

.page-banner div.title h2 {
    font-size: .48rem;
    /*line-height: 1em;*/
    /*height: .64rem;*/
    position: relative;
    top: -.2rem;
}

.page-banner div.title p {
    font-size: .24rem;
    font-family: 'Oswald';
    text-transform: uppercase;
    line-height: .42rem;
}

.page-banner div.title-2 {
    background-image: url("../image/img512_2.png");
}

.page-banner h2.title {
    color: #fff;
    font-size: .6rem;
    text-align: center;
    width: 100%;
    letter-spacing: .02rem;
}

.product-nav {
    padding-top: 1rem;
}

.product-nav li {
    width: 33.333%;
    max-width: 3.6rem;
}

.product-nav a {
    display: block;
    height: 3.27rem;
    position: relative;
    text-align: center;
    font-size: .14rem;
}

.product-nav a:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: .2rem;
    width: .02rem;
    height: 0;
    margin-left: -.01rem;
    background: #044b9b;
}

.product-nav a:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -.15rem;
    background: url("../image/img190.png") center no-repeat;
    background-size: 100%;
    width: 1.9rem;
    height: 1.9rem;
    margin-left: -.95rem;
    opacity: 0;
}

.product-nav a .img {
    width: 1.6rem;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #294766;
}

.product-nav a h3 {
    font-size: .2rem;
    padding: .16rem 0 .06rem 0;
    color: #333;
}

.product-nav a span {
    display: block;
    opacity: .5;
    text-transform: uppercase;
    font-family: 'Oswald';
}

.product-nav a:hover, .product-nav a.on {
    font-size: .16rem;
}

.product-nav a:hover:before, .product-nav a.on:before {
    height: .4rem;
}

.product-nav a:hover:after, .product-nav a.on:after {
    opacity: 1;
}

.product-nav a:hover .img, .product-nav a.on .img {
    background: #044b9b;
}

.product-nav a:hover h3, .product-nav a.on h3 {
    font-size: .24rem;
    padding-top: .35rem;
    color: #044b9b;
}

.page-bg {
    min-height: 5rem;
    background: #f5f5f5;
}

.product {
    padding: 0 0 1.4rem 0;
}

.product ul {
    margin-left: -.9rem;
}

.product li {
    width: 50%;
    padding: 1.75rem 0 0 .9rem;
}

.product a {
    display: block;
    height: 2.86rem;
    background: #fff;
    position: relative;
    border-top-left-radius: 0.1rem;
    -webkit-border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    -webkit-border-top-right-radius: 0.1rem;
    border-bottom: #294766 solid .05rem;
    box-shadow: 0 0.3rem 0.54rem rgba(67, 108, 191, 0.2);
    -webkit-box-shadow: 0 0.3rem 0.54rem rgba(67, 108, 191, 0.2);
    -moz-box-shadow: 0 0.3rem 0.54rem rgba(67, 108, 191, 0.2);
    text-align: center;
    padding: 1.08rem .2rem 0 .2rem;
}

.product a .img {
    width: 1.9rem;
    height: 1.9rem;
    background: #ebf0fa;
    border: #fff solid .12rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: -0.95rem;
    bottom: auto;
    margin-left: -.95rem;
}

.product a .img div {
    width: .8rem;
    position: relative;
}

.product a .img div img:nth-child(2) {
    opacity: 0;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
}

.product a .img-bg {
    width: 1.8rem;
    position: absolute;
    z-index: 1;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    opacity: .05;
}

.product a .img-bg img {
    width: 100%;
}

.product a .img-bg img:nth-child(2) {
    opacity: 0;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
}

.product a .box {
    padding: 0 .2rem;
    position: relative;
    top: 0;
}

.product a .box h3 {
    font-size: .18rem;
    padding: .3rem 0 .13rem 0;
}

.product a .box p {
    font-size: .14rem;
    line-height: .24rem;
    color: #666;
    max-width: 4rem;
    margin: 0 auto;
}

.product a .layer {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 1.15rem;
    bottom: auto;
    opacity: 0;
    margin-top: .5rem;
}

.product a .layer h3 {
    font-size: .22rem;
    line-height: .3rem;
    color: #044b9b;
    padding-bottom: .22rem;
}

.product a .layer .more {
    width: 1.8rem;
    height: .48rem;
    line-height: .48rem;
    background: #044b9b;
    color: #fff;
    -moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
    font-size: .18rem;
    margin: 0 auto;
}

.product a .layer .more em {
    padding-right: .26rem;
    background: url("../image/img9_1.png") right center no-repeat;
    background-size: .09rem;
}

.product a:hover {
    border-color: #044b9b;
    box-shadow: 0 0.3rem 0.54rem rgba(255, 121, 0, 0.2);
    -webkit-box-shadow: 0 0.3rem 0.54rem rgba(255, 121, 0, 0.2);
    -moz-box-shadow: 0 0.3rem 0.54rem rgba(255, 121, 0, 0.2);
}

.product a:hover .img {
    background: #ffeee5;
}

.product a:hover .img div img:nth-child(1) {
    opacity: 0;
}

.product a:hover .img div img:nth-child(2) {
    opacity: 1;
}

.product a:hover .img-bg img:nth-child(1) {
    opacity: 0;
}

.product a:hover .img-bg img:nth-child(2) {
    opacity: 1;
}

.product a:hover .box {
    opacity: 0;
    top: .5rem;
}

.product a:hover .layer {
    opacity: 1;
    margin-top: 0;
}

.p-nav {
    height: .6rem;
}

.p-nav .list {
    background: #f5f5f5;
}

.p-nav.on .list {
    position: fixed;
    z-index: 49;
    left: 0;
    top: 0;
    right: 0;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}

.p-nav li {
    padding: 0 .2rem;
}

.p-nav a {
    display: block;
    font-size: .14rem;
    color: #666;
    height: .6rem;
    line-height: .6rem;
    position: relative;
}

.p-nav a:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: .02rem;
    background: #044b9b;
}

.p-nav a:hover, .p-nav a.on {
    color: #044b9b;
}

.p-nav a:hover:before, .p-nav a.on:before {
    left: 0;
    width: 100%;
}

a.g-back {
    display: block;
    width: 1.2rem;
    height: .4rem;
    line-height: .38rem;
    text-align: center;
    border: #999 solid 1px;
    font-size: .14rem;
    color: #999;
    -moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
}

a.g-back em {
    padding-right: .17rem;
    background: url("../image/img7.png") right center no-repeat;
    background-size: .07rem;
}

a.g-back:hover {
    background: #044b9b;
    border-color: #044b9b;
    color: #fff;
}

a.g-back:hover em {
    background-image: url("../image/img7on.png");
}

.productShow {
    min-height: 5rem;
    position: relative;
    padding-bottom: .9rem;
}

.productShow h2.title {
    font-size: .3rem;
    padding: .95rem 1.7rem .22rem 0;
    border-bottom: #e5e5e5 solid 1px;
}

.productShow a.g-back {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.94rem;
    bottom: auto;
}

.productShow div.title {
    padding: .55rem 0 .3rem 0;
}

.productShow div.title h3 {
    font-size: .3rem;
    padding-bottom: .22rem;
    background: url("../image/img68.png") left bottom no-repeat;
    background-size: .68rem;
}

.productShow .list ul {
    margin-left: -.4rem;
}

.productShow .list li {
    width: 33.333%;
    padding: 0 0 .4rem .4rem;
}

.productShow .list div {
    padding: .08rem;
    background: #f5f5f5;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    font-size: .18rem;
    color: #044b9b;
    font-weight: bold;
}

.productShow .list div img {
    width: .64rem;
    margin-right: .2rem;
}

.productShow .container {
    position: relative;
    min-height: 2.2rem;
}

.productShow .container .content {
    font-size: .14rem;
    line-height: .28rem;
    color: #666;
    text-align: justify;
    max-width: 5.82rem;
    margin-top: -.1rem;
}

.productShow .container .content p {
    padding-bottom: .1rem;
}

.productShow .container .img {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: -0.22rem;
    width: 5.8rem;
}

.productShow .list-2 {
    padding-top: .1rem;
}

.productShow .list-2 ul {
    margin-left: -.3rem;
}

.productShow .list-2 li {
    width: 25%;
    padding: 0 0 .3rem .3rem;
    position: relative;
}

.productShow .list-2 li .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.productShow .list-2 li .img video {
    min-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    min-height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.productShow .list-2 li .img img {
    position: relative;
}

.productShow .list-2 li .img i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../image/img60.png") center no-repeat;
    background-size: .6rem;
    cursor: pointer;
}

.productShow .list-2 li .name {
    height: .51rem;
    line-height: .51rem;
    font-size: .14rem;
    color: #666;
    text-align: center;
    position: relative;
}

.productShow .list-2 li .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #ddd;
}

.productShow .list-2 li a {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0.3rem;
    right: 0;
    top: 0;
    bottom: 0;
}

.productShow .list-2 li:hover .name {
    color: #044b9b;
}

.productShow .list-2 li:hover .name:before {
    background: #044b9b;
    height: 2px;
}

.productShow .list-2 li.on .img video {
    opacity: 1;
    z-index: 11;
    visibility: visible;
}

.productShow .list-2 li.on .img img, .productShow .list-2 li.on .img i {
    opacity: 0;
}

.productShow .list-3 ul {
    margin-left: -.48rem;
}

.productShow .list-3 li {
    width: 33.333%;
    padding-left: .48rem;
}

.relevant {
    min-height: 2rem;
    padding: .45rem 0 .35rem 0;
}

.relevant h2.title {
    font-size: .2rem;
    padding-bottom: .16rem;
}

.relevant ul {
    margin-left: -.6rem;
}

.relevant li {
    width: 33.333%;
    padding-left: .74rem;
    height: .38rem;
    line-height: .38rem;
    background: url("../image/img6.png") 0.6rem center no-repeat;
    background-size: .06rem;
}

.relevant li a {
    display: inline-block;
    font-size: .14rem;
    color: #666;
    background: url("../image/line-10.png") center 0.2rem repeat-x;
    background-size: 0 .1rem;
    padding-right: .1rem;
}

.relevant li:hover a {
    color: #044b9b;
    background-size: 100% .1rem;
}

.tab-sulution .tab-navs {
    display: flex;
    justify-content: space-around;
}

.tab-sulution .tab-navs .tab-nav {
    border-bottom: 0 solid #044b9b;
    padding: .215rem;
    width: 50%;
    text-align: center;
    cursor: pointer;
    background: rgba(224,224,224,10%);
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    font-size:.18rem;
}


.tab-sulution .tab-navs .tab-nav img {
    width: .20rem;
}

.tab-sulution .tab-navs .tab-nav.on {
    border-width: 1px;
    font-weight: bolder;
    background: rgba(224,224,224,42%);
    
}
.tab-jobs .tab-navs {
    flex-wrap: wrap;
    margin: 0.2rem 0;
    justify-content: center;
}
.tab-jobs .tab-navs .tab-nav {
    width: auto;
    padding: .1rem .225rem;
    margin: .2rem .1rem;
    background: #f1f1f1;
}

.tab-jobs .tab-navs .tab-nav.on {
    border-width: 1px;
    background: #3c65cb;
    color: white;
}


.tab-sulution .tab-content .tab-item {
    display: none;
    flex-wrap: wrap;
    padding: .225rem 0;
}

.tab-sulution .tab-content .tab-item .tab-item-item {
    width: 33.33333%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 .1rem
}

.tab-sulution .tab-content .tab-item .tab-item-item:nth-child(3n+1) {
    padding-left:0;
}

.tab-sulution .tab-content .tab-item .tab-item-item:nth-child(3n+3) {
    padding-right: 0;
}

.tab-jobs .tab-content .tab-item .tab-item-item {
    width: 100%;
    padding: 0 .2rem;
    flex-direction: row;
    align-items: flex-start;
}

.eco-list .tab-sulution .tab-content .tab-item .tab-item-item {
    width: 50%;
}
.tab-sulution .tab-content .tab-item .tab-item-item .tab-item-img {
    overflow: hidden;
    max-height: 1.6rem;
}
.tab-sulution .tab-content .tab-item .tab-item-item:hover .tab-item-img img {
    transform: scale(1.2);
}

.tab-sulution .tab-content .tab-item .tab-item-item:nth-child(2) {
    /*padding: 0 .1rem;*/
}

.tab-sulution .tab-content .tab-item .tab-item-item .tab-item-title {
    padding: .125rem .5rem .125rem 0;
    position: relative;
    font-size: .16rem;
}

.tab-jobs .tab-content .tab-item .tab-item-item .tab-item-title {
    width: 50%;
}
.job-content, .history-index {
    background: rgba(255,255,255,.3) url(../image/bg-2.png) center bottom no-repeat;
}

.job-content {
    background-image: url(../image/job-bg.png);
}
.tab-jobs .tab-content .tab-item .tab-item-item .tab-item-title .item-content {
    font-size: .13rem;
    line-height: 20px;
    color: #666;
}

.history-items {
    display: flex;
    justify-content: center;
    margin: .1rem;
    /*border-top: 1px solid #f1f1f1;*/
    border-bottom: 1px solid #f1f1f1;
    padding: 0.2rem 0;
}

.history-items .history-title, .history-items .history-content {
    flex: 1;
}

.history-items .history-title h2{
    font-size: .3rem;
    text-align: right;
    padding-right: .6rem;
}

.tab-jobs .tab-content .tab-item .tab-item-item .tab-item-title .quarters-title {
    font-weight: bolder;
    font-size: .16rem;
}

.tab-sulution .tab-content .tab-item .tab-item-item .tab-item-title:after {
    content: "→";
    position: absolute;
    right: .2rem;
    top: .1rem;
}

.tab-jobs .tab-content .tab-item .tab-item-item .tab-item-title:after {
    content: "";
}

.tab-sulution .tab-content .tab-item .tab-item-item:hover .tab-item-title:after {
    right: 0;
}

.tab-sulution .tab-content .tab-item.tab-item-on {
    display: flex;
}

.clearfix {
    zoom: 1;
}

.clearfix:before {
    content: " ";
    display: table;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.foot-btn {
    background: url("../image/img1920_2.jpg") center no-repeat;
    background-size: cover;
}

.foot-btn .wal {
    height: 3rem;
    color: #fff;
    position: relative;
}

.foot-btn .ico {
    width: 1.3rem;
}

.foot-btn .title {
    padding-left: .25rem;
    font-size: .2rem;
}

.foot-btn .title h2 {
    font-size: .48rem;
    padding-bottom: .12rem;
}

.foot-btn a.btn {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: auto;
    background: #fff;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    width: 1.8rem;
    height: .56rem;
    line-height: .56rem;
    text-align: center;
    color: #294766;
    font-size: .2rem;
}

.foot-btn a.btn em {
    padding-right: .2rem;
    background: url("../image/img9_2.png") right center no-repeat;
    background-size: .09rem;
}

.foot-btn a.btn:hover em {
    padding-right: .32rem;
}

.service li .img {
    width: 50%;
    background: center no-repeat;
    background-size: cover;
    height: 6.5rem;
}

.service li .img.img-2 {
    height: 5.95rem;
}

.service li .img.img-3 {
    height: 5.3rem;
}

.service li .img.img-4 {
    height: 4.51rem;
}

.service li .container {
    width: 6rem;
    padding-left: .8rem;
}

.service li .container h2 {
    font-size: .3rem;
    padding: .22rem 0;
    background: url("../image/img68.png") left bottom no-repeat;
    background-size: .68rem;
    margin-bottom: .1rem;
}

.service li .container dd {
    padding: .23rem 0 .23rem .18rem;
    position: relative;
    border-bottom: #e5e5e5 solid 1px;
}

.service li .container dd:last-child {
    border: 0;
}

.service li .container dd:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .23rem;
    background: url("../image/img8.png") center no-repeat;
    background-size: 100%;
    height: .3rem;
    width: .08rem;
}

.service li .container dd h3 {
    font-size: .18rem;
    line-height: .3rem;
    color: #044b9b;
}

.service li .container dd p {
    font-size: .14rem;
    line-height: .28rem;
    color: #666;
    padding-top: .06rem;
}

@media screen and (min-width: 800px) {
    .service li:nth-child(odd) {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }

    .service li:nth-child(odd) .container {
        order: -1;
        padding: 0 .8rem 0 0;
    }
}

.news {
    padding: .65rem 0 0 0;
}

.news li {
    border-bottom: #e5e5e5 solid 1px;
    overflow: hidden;
}

.news .item a {
    display: block;
    position: relative;
    min-height: 2.4rem;
    border-bottom-left-radius: 0.1rem;
    -webkit-border-bottom-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
    -webkit-border-bottom-right-radius: 0.1rem;
    padding: .38rem .35rem .38rem 4.4rem;
    font-size: .14rem;
}

.news .item a:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: -1px;
    right: 0;
    height: .04rem;
    background: #044b9b;
    opacity: 0;
}

.news .item a .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: right center no-repeat;
    background-size: auto 100%;
    opacity: 0;
}

.news .item a .bg:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../image/bg.png") right center repeat-y;
    background-size: auto .1rem;
}

.news .item a .img {
    width: 2.7rem;
    overflow: hidden;
    -moz-border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    border-radius: 0.08rem;
    position: absolute;
    z-index: 10;
    left: 1.3rem;
    right: auto;
    top: 0.39rem;
    bottom: auto;
}

.news .item a .time {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0.72rem;
    bottom: auto;
    width: 1.3rem;
    text-align: center;
    font-size: .16rem;
    font-family: 'Oswald';
    color: #294766;
}

.news .item a .time em {
    font-size: .54rem;
    display: block;
    line-height: .66rem;
}

.news .item a .time span {
    display: block;
    opacity: .8;
}

.news .item a h3 {
    font-size: .18rem;
    height: .48rem;
    line-height: .48rem;
    position: relative;
}

.news .item a p {
    line-height: .26rem;
    color: #666;
    text-align: justify;
    min-height: .7rem;
    padding-bottom: .15rem;
    position: relative;
}

.news .item a dl.tag {
    position: relative;
}

.news a dl.tag dd {
    padding: 0 .1rem .1rem 0;
}

.news .item a dl.tag div {
    color: #294766;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
    min-width: .9rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    padding: 0 .15rem;
    background: #e9ecef;
}

.news .item a .more {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    border-top-left-radius: 0.1rem;
    -webkit-border-top-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
    -webkit-border-bottom-right-radius: 0.1rem;
    background: #044b9b;
    font-size: .18rem;
    color: #fff;
    width: 1.4rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    opacity: 0;
}

.news .item a .more em {
    padding-right: .2rem;
    background: url("../image/img9.png") right center no-repeat;
    background-size: .09rem;
}

.news .item a .more:hover em {
    padding-right: .3rem;
}

@media screen and (min-width: 800px) {
    .news li:hover {
        border-color: rgba(0, 0, 0, 0);
    }

    .news li:hover a {
        box-shadow: 0 0.12rem 0.3rem rgba(51, 51, 51, 0.1);
        -webkit-box-shadow: 0 0.12rem 0.3rem rgba(51, 51, 51, 0.1);
        -moz-box-shadow: 0 0.12rem 0.3rem rgba(51, 51, 51, 0.1);
    }

    .news li:hover a:before {
        opacity: 1;
    }

    .news li:hover a .bg {
        opacity: .15;
    }

    .news li:hover a .time {
        color: #044b9b;
    }

    .news li:hover a dl.tag div {
        background: #ffefe9;
        color: #044b9b;
    }

    .news li:hover a .more {
        opacity: 1;
    }
}

.my-4 {
    margin: .3rem 0!important
}
.pagination {
    display: flex;
    justify-content: center;
}

.pagination .page-item, .pagination .page-num {
    padding: .1rem;
    border: 1px solid #111;
    margin: 2px
}

.pagination .page-num.page-num-current {
    background: #044b9b;
    color: #fff;
    border-color: #044b9b;
}
.page-num {
    padding: 0;
}

.page-num a {
    width: .5rem;
    height: .4rem;
    background: center no-repeat;
    background-size: 100%;
}

.page-num a.prev {
    background-image: url("../image/prev50.png");
}

.page-num a.prev:hover {
    background-image: url("../image/prev50on.png");
}

.page-num a.next {
    background-image: url("../image/next50.png");
}

.page-num a.next:hover {
    background-image: url("../image/next50on.png");
}

.page-num div {
    width: 1.2rem;
    font-size: .24rem;
    font-family: 'Oswald';
    color: #294766;
    text-align: center;
    position: relative;
    top: -.04rem;
}

.page-num div em {
    font-size: .48rem;
    color: #044b9b;
}

.newShow {
    width: 8rem;
}

.newShow div.title {
    align-items: flex-end;
    -webkit-align-items: flex-end;
    font-size: .3rem;
    line-height: .46rem;
    min-height: 1.85rem;
    padding-top: .2rem;
}

.newShow .time {
    position: relative;
    height: .45rem;
    border-bottom: #e5e5e5 solid 1px;
}

.newShow .time div {
    font-size: .14rem;
    color: #999;
    line-height: .35rem;
    padding-left: .2rem;
    background: url("../image/img14.png") left center no-repeat;
    background-size: .14rem;
}

.newShow .time .g-back {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: -0.18rem;
    bottom: auto;
}

/*@media screen and (max-width: 800px) {*/
    /*position: absolute ;*/
    /*z-index: 10;*/
    /*left: auto;*/
    /*right: 0;*/
    /*top: 0rem;*/
    /*bottom: auto;*/
/*}*/

.newShow .img {
    text-align: center;
    padding-top: .4rem;
}

.newShow .img .name {
    padding-top: .12rem;
    font-size: .14rem;
    color: #999;
}

.newShow .content {
    padding: .35rem 0 .7rem 0;
    font-size: .14rem;
    line-height: 2em;
    text-align: justify;
    color: #666;
}

.page-num2 {
    padding: .25rem 0 0;
}

.page-num2 ul {
    border-top: #d2d5de solid 1px;
    border-bottom: #d2d5de solid 1px;
    position: relative;
}

.page-num2 ul:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: .14rem;
    background: #ccc;
    margin-top: -.07rem;
}

.page-num2 li {
    width: 50%;
    justify-content:center;
}

.page-num2 a {
    height: .68rem;
    font-size: .18rem;
    color: #999;
    text-transform: uppercase;
}

.page-num2 a em {
    display: inline-block;
    line-height: .68rem;
}

.page-num2 a:hover {
    color: #044b9b;
}

.page-num2 a.prev {
    padding-left: 30%;
}

.page-num2 a.prev em {
    padding-left: .68rem;
    background: url("../image/prev45.png") left center no-repeat;
    background-size: .45rem;
}

.page-num2 a.prev:hover em {
    background-image: url("../image/prev45on.png");
}

.page-num2 a.next {
    padding-right: 30%;
}

.page-num2 a.next em {
    padding-right: .68rem;
    background: url("../image/next45.png") right center no-repeat;
    background-size: .45rem;
}

.page-num2 a.next:hover em {
    background-image: url("../image/next45on.png");
}

.side-news {
    width: 3rem;
    padding-top: 1.85rem;
}

.side-news .title {
    line-height: .35rem;
    height: .45rem;
    border-bottom: #e5e5e5 solid 1px;
    font-size: .24rem;
}

.side-news .list {
    padding: .4rem 0;
}

.side-news .list li {
    padding-bottom: .3rem;
}

.side-news .list a {
    display: block;
}

.side-news .list a .img {
    position: relative;
    width: 100%;
    overflow: hidden;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.side-news .list a .img:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 100, 38, 0.7) url("../image/img50.png") center no-repeat;
    background-size: .5rem;
    opacity: 0;
}

.side-news .list a .time {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.07rem;
    top: auto;
    bottom: 0.07rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
    font-size: .14rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    width: 1rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
}

.side-news .list a .name {
    font-size: .16rem;
    line-height: .28rem;
    padding: .15rem 0;
}

.side-news .list a:hover .img:before {
    opacity: 1;
}

.p-title {
    letter-spacing: .02rem;
    padding: 1.1rem 0 .3rem 0;
}

.p-title h2 {
    font-family: 'Oswald';
    font-size: .54rem;
    color: #b2b2b2;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 1em;
}

.p-title h2 em {
    color: #044b9b;
}

.p-title h3 {
    font-size: .32rem;
    padding-top: .1rem;
}

.about0{background: url(../image/bj_01.jpg) no-repeat center!important;background-size: cover;}
    .about0 .wal {max-width: 15.2rem;margin: 0 auto;padding:.5rem 0;}
    .about0 .list {position: relative;padding: 0 1.28rem;}
    .about0 .list .list-wrapper {width: 100%;overflow: hidden;position: relative;}
    .about0 .list .list-wrapper2 {width: 24.08rem;position: relative;left: 50%;margin-left: -12.04rem;}
    .about0 .list ul li p{font-size: .18rem;line-height: .72rem;color:#fff;text-align: center;visibility: hidden;}
    .about0 .list ul li.swiper-slide-active p{visibility: visible;}
    .about0 .p-title {padding:0;position: relative;text-align: center;display: block;}
    .about0 .p-title h3 {color: #fff;opacity: .4;font-size: .54rem;text-transform: uppercase;font-family: 'Oswald';line-height: .8rem;letter-spacing: .02rem;position: absolute;z-index: 1;left: 0;right: 0;top: -.38rem;bottom: auto;}
    .about0 .p-title h2 {font-size: .38rem;color: #fff;letter-spacing: .02rem;line-height: 1em;position: relative;padding: .5rem 0 .7rem 0;font-weight: bold;font-family: 'pop';}
    .about0 .list .arrow a.prev, .about0 .list .arrow a.prev:hover {background-image: url(../image/prev59.png);left: 0;}
    .about0 .list .arrow a.next, .about0 .list .arrow a.next:hover {right: 0;background-image: url(../image/next59.png);}
    .about0 .list .arrow a {display: block;width: .59rem;height: 1rem;background: center no-repeat;background-size: 100%;position: absolute;z-index: 5;left: auto;right: auto;top: 50%;bottom: auto;margin-top: -.5rem;} 

.about-1 .content {
    font-size: .14rem;
    line-height: .26rem;
    text-align: justify;
    color: #666;
    padding-bottom: .25rem;
}

.about-1 .content p {
    padding-bottom: .1rem;
}

.about-1 .container {
    height: 6.18rem;
    position: relative;
}

.about-1 .container:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background: url("../image/about-1.png") center top no-repeat;
    background-size: auto 100%;
    height: 5.61rem;
}

.about-1 .list-1 {
    position: relative;
}

.about-1 .list-1 li {
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: auto;
    bottom: auto;
    width: 1px;
    height: 1px;
}

.about-1 .list-1 li:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: -.06rem;
    background: url("../image/img26_4.png") center no-repeat;
    background-size: 100%;
    width: .26rem;
    height: .34rem;
    margin-left: -.13rem;
}

.about-1 .list-1 li .layer {
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: -0.2rem;
    bottom: auto;
    min-height: .58rem;
    background: #294766;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    font-size: .14rem;
    line-height: .22rem;
    padding: .08rem .12rem .04rem .12rem;
    white-space: nowrap;
    color: #fff;
}

.about-1 .list-1 li .layer:before {
    content: "";
    display: block;
    position: absolute;
    width: .12rem;
    height: .12rem;
    background: #294766;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.06rem;
}

.about-1 .list-1 li .layer h3 {
    font-size: .16rem;
}

.about-1 .list-1 li.li_01 .layer, .about-1 .list-1 li.li_03 .layer {
    right: .28rem;
}

.about-1 .list-1 li.li_01 .layer:before, .about-1 .list-1 li.li_03 .layer:before {
    right: -.06rem;
}

.about-1 .list-1 li.li_02 .layer, .about-1 .list-1 li.li_05 .layer, .about-1 .list-1 li.li_06 .layer {
    left: .28rem;
}

.about-1 .list-1 li.li_02 .layer:before, .about-1 .list-1 li.li_05 .layer:before, .about-1 .list-1 li.li_06 .layer:before {
    left: -.06rem;
}

.about-1 .list-1 li.li_01 {
    top: 1.4rem;
}

.about-1 .list-1 li.li_02 {
    top: 1.17rem;
    margin-left: .28rem;
}

.about-1 .list-1 li.li_03 {
    top: 1.8rem;
    margin-left: 3.37rem;
}

.about-1 .list-1 li.li_04 {
    top: 2.1rem;
    margin-left: 3.7rem;
}

.about-1 .list-1 li.li_04 .layer {
    top: .4rem;
    right: -.2rem;
}

.about-1 .list-1 li.li_04 .layer:before {
    top: 0;
    right: .16rem;
}

.about-1 .list-1 li.li_05 {
    top: 1.5rem;
    margin-left: 3.72rem;
}

.about-1 .list-1 li.li_06 {
    top: 2.2rem;
    margin-left: 3.3rem;
}

.about-1 .list-1 li.on:before {
    background-image: url("../image/img26_4on.png");
}

.about-1 .list-1 li.on .layer {
    background: #044b9b;
}

.about-1 .list-1 li.on .layer:before {
    background: #044b9b;
}

.about-1 .list {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 2.6rem;
    bottom: auto;
    width: 7.6rem;
    min-height: 2.4rem;
    background: #fff;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    box-shadow: 0 0.1rem 0.4rem rgba(41, 71, 102, 0.2);
    -webkit-box-shadow: 0 0.1rem 0.4rem rgba(41, 71, 102, 0.2);
    -moz-box-shadow: 0 0.1rem 0.4rem rgba(41, 71, 102, 0.2);
}

.about-1 .list .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.about-1 .list li {
    padding: .4rem;
}

.about-1 .list li .img {
    width: 2.4rem;
    overflow: hidden;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.about-1 .list li .col {
    width: 4rem;
}

.about-1 .list li h3 {
    font-size: .18rem;
    position: relative;
    padding: 0 0 .35rem 0;
}

.about-1 .list li h3:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .16rem;
    width: .3rem;
    height: .02rem;
    background: #044b9b;
}

.about-1 .list li .info, .about-1 .list li .address {
    font-size: .14rem;
    line-height: .24rem;
    color: #666;
}

.about-1 .list li .address em {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.about-1 .list .dots {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0.4rem;
    width: 4.4rem;
}

.about-1 .list .dots span {
    width: .08rem;
    height: .08rem;
    margin-right: .1rem;
    background: #294766;
    -moz-border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    border-radius: 0.05rem;
}

.about-1 .list .dots span.swiper-pagination-bullet-active {
    width: .62rem;
    background: #044b9b;
}

.about-2 {
    background: url("../image/about-2.png.jpeg") center no-repeat;
    background-size: cover;
    min-height: 5rem;
    color: #fff;
}

.about-2 .p-title {
    padding: 1.65rem 0 .3rem 0;
}

.about-2 .p-title h2 {
    color: #fff;
}

.about-2 .msg {
    font-size: .24rem;
}

.about-3 {
    background: url("../image/about-3.png.jpeg") center no-repeat;
    background-size: cover;
}

.about-3 .wal {
    min-height: 6rem;
    position: relative;
}

.about-3 .p-title {
    padding: 1rem 0 .45rem 0;
}

.about-3 .list {
    min-height: 4rem;
}

.about-3 .list li {
    min-height: 3.3rem;
    position: relative;
    padding: 0 0 0 3.5rem;
}

.about-3 .list li .img {
    width: 3rem;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.about-3 .list li .name {
    position: relative;
    font-size: .24rem;
    line-height: .45rem;
    padding-bottom: .32rem;
}

.about-3 .list li .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .2rem;
    width: .3rem;
    height: .02rem;
    background: #044b9b;
}

.about-3 .list li .name em {
    font-size: .16rem;
    color: #999;
    padding-left: .08rem;
}

.about-3 .list li .msg {
    font-size: .14rem;
    line-height: .26rem;
    color: #666;
    text-align: justify;
}

.about-3 .list2 {
    position: absolute;
    z-index: 10;
    left: 3.5rem;
    right: 0;
    top: auto;
    bottom: 1rem;
    padding: 0 .62rem;
}

.about-3 .list2 .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.about-3 .list2 .list-wrapper li div {
    width: 1rem;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    cursor: pointer;
}

.about-3 .list2 .list-wrapper li div img {
    opacity: .5;
}

.about-3 .list2 .list-wrapper li.swiper-slide-active div {
    cursor: default;
}

.about-3 .list2 .list-wrapper li.swiper-slide-active div img {
    opacity: 1;
}

.about-3 .list2 .arrow a {
    display: block;
    width: .5rem;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 0;
    bottom: auto;
    background: center no-repeat;
    background-size: 100%;
}

.about-3 .list2 .arrow a.prev {
    left: 0;
    background-image: url("../image/prev50.png");
}

.about-3 .list2 .arrow a.prev:hover {
    background-image: url("../image/prev50on.png");
}

.about-3 .list2 .arrow a.next {
    right: 0;
    background-image: url("../image/next50.png");
}

.about-3 .list2 .arrow a.next:hover {
    background-image: url("../image/next50on.png");
}

.about-4 .wal {
    min-height: 5.75rem;
    position: relative;
}

.about-4 .p-title {
    padding-top: 2.2rem;
}

.about-4 .video {
    background: url("../image/img700.png") center no-repeat;
    background-size: 100%;
    width: 7rem;
    height: 4.05rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.7rem;
    bottom: auto;
    padding-top: .5rem;
}

.about-4 .video div {
    width: 5.4rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.about-4 .video div video {
    min-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    min-height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.about-4 .video div img {
    position: relative;
}

.about-4 .video div i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../image/img90.png") center no-repeat;
    background-size: .9rem;
    cursor: pointer;
}

.about-4 .video.on video {
    opacity: 1;
    z-index: 11;
    visibility: visible;
}

.about-4 .video.on img, .about-4 .video.on i {
    opacity: 0;
}

.about-5 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.about-5 .p-title {
    padding-bottom: .45rem;
}

.about-5 dl {
    margin-left: -.2rem;
}

.about-5 dd {
    width: 20%;
    padding: 0 0 .2rem .2rem;
}

.about-5 dd a {
    display: block;
    background: #fff;
    overflow: hidden;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.honor-1 {
    margin: .5rem 0;
    background: #f1f1f1;
}

.honor-1 h2 {
    color: #044b9b;
    font-size: .18rem;
    padding-bottom: .18rem;
}

.honor-1 dl {
    margin-left: -.2rem;
    padding: 0 0.1rem;
}

.honor-1 dd {
    width: 16.6666666%;
    padding: 0 0 .2rem .2rem;
    position: relative;
}

.honor-1 dd .img {
    width: 100%;
    /*overflow: hidden;*/
    /*background: #fff;*/
    -moz-border-radius: 0rem;
    -webkit-border-radius: 0rem;
    border-radius: 0rem;
    border: 1px solid #f1f1f1;
    /*max-height: 40px;*/
    /*filter: grayscale(1);*/
    padding: .4rem 0;
}

.honor-1 dd .img:hover {
    filter: none;
}

.honor-1 dd .name {
    position: absolute;
    z-index: 10;
    left: 0.2rem;
    right: 0;
    top: 0;
    bottom: 0.2rem;
    background: rgba(234, 93, 37, 0.8);
    font-size: .18rem;
    font-weight: bold;
    color: #fff;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    cursor: pointer;
    opacity: 0;
    text-transform: uppercase;
}

.honor-1 dd .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    background: url("../image/img20.png") center no-repeat;
    background-size: auto 100%;
    height: .14rem;
    opacity: 0;
}

.honor-1 dd .box {
    display: none;
}

.honor-1 dd:hover .name {
    opacity: 1;
}

.honor-1 dd.on .name {
    opacity: 1;
}

.honor-1 dd.on .name:before {
    opacity: 1;
}

.honor-1 .dd-msg {
    padding-bottom: .2rem;
    display: none;
}

.honor-1 .dd-msg .img, .honor-1 .dd-msg .name {
    display: none;
}

.honor-1 .dd-msg .box {
    display: block;
    min-height: 1.58rem;
    background: #f5e3dc;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    padding: .15rem .8rem .2rem .4rem;
}

.honor-1 .dd-msg .box h3 {
    color: #044b9b;
    background: url("../image/img6.png") left center no-repeat;
    background-size: .06rem;
    padding-left: .12rem;
    line-height: .36rem;
    font-size: .18rem;
    text-transform: uppercase;
}

.honor-1 .dd-msg .box .content {
    font-size: .14rem;
    line-height: .26rem;
    color: #666;
}

.honor-2 {
    padding: .15rem 0 .5rem 0;
}

.honor-2 ul {
    margin-left: -.6rem;
}

.honor-2 li {
    width: 25%;
    padding: 0 0 0 .6rem;
}

.honor-2 li .img {
    position: relative;
    cursor: pointer;
}

.honor-2 li .img div {
    height: 3.4rem;
    border: #ddd solid 1px;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    overflow: hidden;
}

.honor-2 li .img div img {
    max-height: 100%;
}

.honor-2 li .img p {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(234, 93, 37, 0.8);
    color: #fff;
    font-size: .14rem;
    line-height: .26rem;
    font-weight: bold;
    padding: .3rem;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    opacity: 0;
}

.honor-2 li .name {
    min-height: 1.17rem;
    font-size: .14rem;
    line-height: .24rem;
    color: #666;
    padding: .15rem;
    text-align: center;
}

.honor-2 li:hover .img p {
    opacity: 1;
}

.honor-2 li:hover .name {
    color: #044b9b;
    font-weight: bold;
}

.honor-layer {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
}

.honor-layer.show {
    opacity: 1;
    visibility: visible;
}

.honor-layer .container {
    width: 8.2rem;
    min-height: 7.5rem;
    background: #fff;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    position: relative;
}

.honor-layer a.close {
    display: block;
    width: .5rem;
    height: .5rem;
    background: url("../image/close24.png") center no-repeat;
    background-size: .24rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
}

.honor-layer .arrow a {
    display: block;
    width: .6rem;
    height: .6rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.3rem;
    background: rgba(0, 0, 0, 0.5) center no-repeat;
    background-size: cover;
}

.honor-layer .arrow a:hover {
    background-color: #044b9b;
}

.honor-layer .arrow a.prev {
    left: -1rem;
    background-image: url("../image/prev60.png");
}

.honor-layer .arrow a.next {
    right: -1rem;
    background-image: url("../image/next60.png");
}

.honor-layer .list {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.honor-layer .list li {
    padding: .5rem;
}

.honor-layer .list .img {
    border: #eee solid 1px;
    width: 100%;
    height: 5.4rem;
    overflow: hidden;
    -moz-border-radius: 0.12rem;
    -webkit-border-radius: 0.12rem;
    border-radius: 0.12rem;
}

.honor-layer .list .img img {
    max-height: 100%;
}

.honor-layer .list h3 {
    font-size: .18rem;
    padding: .32rem 0 .1rem 0;
}

.honor-layer .list .content {
    font-size: .14rem;
    line-height: .24rem;
    color: #666;
}

.system-nav {
    padding: .8rem 0 .3rem 0;
}

.system-nav ul {
    box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.06rem 0.3rem rgba(0, 0, 0, 0.1);
    border-top-left-radius: 0.08rem;
    -webkit-border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
    -webkit-border-top-right-radius: 0.08rem;
}

.system-nav li {
    width: 50%;
}

.system-nav a {
    height: .8rem;
    position: relative;
    font-size: .18rem;
    color: #666;
    letter-spacing: .01rem;
}

.system-nav a:before {
    content: "";
    display: block;
    position: absolute;
    position: relative;
    background: url("../image/img30_1.png") center no-repeat;
    background-size: 100%;
    width: .3rem;
    height: .3rem;
    margin-right: .1rem;
}

.system-nav a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .03rem;
    background: #044b9b;
    opacity: 0;
}

.system-nav a b {
    font-weight: 400;
}

.system-nav a em {
    opacity: .7;
    font-size: .12rem;
    position: relative;
    top: .02rem;
    padding-left: .03rem;
}

.system-nav a:hover, .system-nav a.on {
    color: #044b9b;
}

.system-nav a:hover:before, .system-nav a.on:before {
    background-image: url("../image/img30_1on.png");
}

.system-nav a.on:after {
    opacity: 1;
}

.system-nav a.on b {
    font-weight: 600;
}

.system {
    padding-bottom: .6rem;
}

.system li {
    border-bottom: #eee solid 1px;
    padding: .4rem 0;
}

.system li:last-child {
    border: 0;
}

.system li .img {
    width: 2rem;
    overflow: hidden;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    border: #eee solid 1px;
}

.system li .col {
    width: 9.5rem;
}

.system li h3 {
    position: relative;
    font-size: .24rem;
    padding-bottom: .38rem;
}

.system li h3:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .17rem;
    width: .3rem;
    height: .02rem;
    background: #044b9b;
}

.system li .content {
    font-size: .14rem;
    line-height: 2em;
    color: #666;
    text-align: justify;
}

.join .title {
    text-align: center;
    position: relative;
    letter-spacing: .02rem;
    height: 2.15rem;
    padding-top: .85rem;
}

.join .title p {
    font-size: .6rem;
    color: #044b9b;
    opacity: .15;
    font-family: 'Oswald';
    text-transform: uppercase;
}

.join .title h2 {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 1.25rem;
    bottom: auto;
    font-size: .36rem;
}

.join .tag dd {
    width: 14.285%;
    height: 1.6rem;
    text-align: center;
}

.join .tag dd img {
    width: .62rem;
}

.join .tag dd .name {
    line-height: .56rem;
    font-size: .16rem;
    color: #525866;
}

.join .list {
    padding-bottom: .8rem;
}

.join .list li {
    padding-bottom: .2rem;
}

.join .list li .title2 {
    height: .8rem;
    background: #f5f5f5;
    -moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
    position: relative;
    cursor: pointer;
}

.join .list li .title2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: .4rem;
    bottom: 0;
    width: .24rem;
    background: url("../image/img24.png") center no-repeat;
    background-size: 100%;
}

.join .list li .title2 h2 {
    width: 6.55rem;
    padding-left: .5rem;
    font-size: .24rem;
}

.join .list li .title2 div {
    line-height: .4rem;
    padding-left: .34rem;
    font-size: .16rem;
    color: #666;
    background: left center no-repeat;
    background-size: .24rem;
    width: 2rem;
}

.join .list li .title2 div.address {
    background-image: url("../image/img24_1.png");
}

.join .list li .title2 div.price {
    background-image: url("../image/img24_2.png");
}

.join .list li .box {
    background: #faf3f0;
    margin-top: -.4rem;
    border-bottom-right-radius: 0.4rem;
    -webkit-border-bottom-right-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
    -webkit-border-bottom-left-radius: 0.4rem;
    padding: .75rem .6rem 0 .6rem;
    display: none;
}

.join .list li .box h3 {
    color: #044b9b;
    font-size: .18rem;
    padding-bottom: .12rem;
}

.join .list li .box .content {
    font-size: .14rem;
    line-height: .28rem;
    color: #666;
    padding-bottom: .3rem;
}

.join .list li .box .btn {
    margin-top: .1rem;
    border-top: #f7d5c7 solid 1px;
    padding: .2rem 0 .3rem 0;
    font-size: .14rem;
}

.join .list li .box .btn p {
    color: #044b9b;
    padding-right: .2rem;
}

.join .list li .box .btn div {
    background: #044b9b;
    color: #fff;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
    height: .34rem;
    line-height: .34rem;
    padding: 0 .17rem;
    position: relative;
}

.join .list li .box .btn div input {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}

.join .list li.on .title2 {
    background: #044b9b;
    color: #fff;
}

.join .list li.on .title2:before {
    background-image: url("../image/img24on.png");
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.join .list li.on .title2 div {
    color: #fff;
}

.join .list li.on .title2 div.address {
    background-image: url("../image/img24_1on.png");
}

.join .list li.on .title2 div.price {
    background-image: url("../image/img24_2on.png");
}

.page-search .search-msg {
    font-size: .14rem;
    color: #666;
    padding: .75rem 0 .5rem 0;
}

.page-search .search-msg em {
    color: #044b9b;
}

.page-search .search-title {
    font-size: .3rem;
    padding-bottom: .2rem;
    background: url("../image/img68.png") left bottom no-repeat;
    background-size: .68rem;
}

.page-search .search-more {
    padding: .5rem 0 .75rem 0;
}

.page-search .search-more a {
    display: block;
    margin: 0 auto;
    width: 2rem;
    height: .5rem;
    line-height: .48rem;
    text-align: center;
    border-top: #949494 solid 1px;
    border-bottom: #949494 solid 1px;
    font-size: .18rem;
    color: #999;
    letter-spacing: .02rem;
}

.page-search .search-more a em {
    padding-right: .3rem;
    background: url("../image/img16.png") right center no-repeat;
    background-size: .16rem;
}

.page-search .search-more a:hover {
    border-color: #044b9b;
    color: #044b9b;
}

.page-search .search-more a:hover em {
    background-image: url("../image/img16on.png");
}

.page-search .search-hide {
    display: none;
}

.page-search .product {
    padding: 0 0 .3rem 0;
    margin-top: -.4rem;
}

.page-search .product a .box h3 em, .page-search .product a .box p em {
    color: #044b9b;
}

.page-search .product a .layer h3 em {
    color: #294766;
}

.page-search .news {
    padding: .2rem 0 0 0;
}

.page-search .news a h3 em, .page-search .news a p em {
    color: #044b9b;
}

.siteMap {
    background: url("../image/img1800.png") center 1rem no-repeat;
    background-size: 18rem;
    min-height: 10rem;
    padding: .4rem 0 1rem 0;
}

.siteMap .title {
    padding: .55rem 0 .4rem 0;
}

.siteMap .title h2 {
    background: url("../image/img68.png") left bottom no-repeat;
    background-size: .68rem;
    font-size: .3rem;
    padding-bottom: .2rem;
}

.siteMap .list ul {
    margin-left: -.6rem;
}

.siteMap .list li {
    width: 33.333%;
    padding: 0 0 .2rem .6rem;
}

.siteMap .list a.name {
    display: block;
    height: .5rem;
    line-height: .5rem;
    background: #f5f5f5 url("../image/img13.png") 0.2rem center no-repeat;
    background-size: .13rem;
    -moz-border-radius: 0.06rem;
    -webkit-border-radius: 0.06rem;
    border-radius: 0.06rem;
    font-size: .16rem;
    padding-left: .4rem;
}

.siteMap .list a.name:hover {
    background-color: #044b9b;
    background-image: url("../image/img13on.png");
    color: #fff;
}

.siteMap .list dl {
    padding-top: .2rem;
}

.siteMap .list dl dd {
    font-size: .14rem;
    height: .36rem;
    line-height: .36rem;
    padding-left: .14rem;
    background: url("../image/img6_1.png") left center no-repeat;
    background-size: .06rem;
}

.siteMap .list dl dd a {
    color: #666;
    background: url("../image/bg10.png") center 0.2rem repeat-x;
    background-size: auto 0;
    display: inline-block;
    padding-right: .1rem;
}

.siteMap .list dl dd:hover {
    background-image: url("../image/img6.png");
}

.siteMap .list dl dd:hover a {
    color: #044b9b;
    background-size: auto .1rem;
}

.siteMap .list-2 ul {
    margin-left: -.4rem;
}

.siteMap .list-2 li {
    padding-left: .4rem;
    width: 25%;
}

.brand {
    padding: .25rem 0 .6rem 0;
}

.brand .title {
    padding: .7rem 0 .4rem 0;
}

.brand .title h2 {
    background: url("../image/img68.png") left bottom no-repeat;
    background-size: .68rem;
    font-size: .3rem;
    padding-bottom: .2rem;
}

.brand .title-2 {
    padding-top: .35rem;
}

.brand .list-1 ul {
    margin-left: -.2rem;
}

.brand .list-1 li {
    width: 33.333%;
    padding: 0 0 .2rem .2rem;
}

.brand .list-1 a {
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    height: 1.1rem;
    background: #f5f5f5;
    padding-left: 1.12rem;
    position: relative;
}

.brand .list-1 a .ico {
    position: absolute;
    z-index: 10;
    left: 0.4rem;
    right: auto;
    top: auto;
    bottom: auto;
    width: .54rem;
    height: .54rem;
}

.brand .list-1 a .ico img:nth-child(2) {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    opacity: 0;
}

.brand .list-1 a .name {
    font-size: .18rem;
    padding-bottom: .1rem;
}

.brand .list-1 a p {
    font-size: .14rem;
    opacity: .6;
}

/*  .brand .list-1 a:hover {
    background: #044b9b;
    color: #fff;
    box-shadow: 0 0.12rem 0.3rem rgba(234, 93, 39, 0.3);
    -webkit-box-shadow: 0 0.12rem 0.3rem rgba(234, 93, 39, 0.3);
    -moz-box-shadow: 0 0.12rem 0.3rem rgba(234, 93, 39, 0.3); }*/
.brand .list-1 a:hover .ico img:nth-child(1) {
    opacity: 0;
}

.brand .list-1 a:hover .ico img:nth-child(2) {
    opacity: 1;
}

.brand .list-1 a:hover p {
    opacity: 1;
}

.brand .list-2 ul {
    margin-left: -.48rem;
    align-items: end
}

.brand .list-2 li {
    width: 25%;
    padding: 0 0 .6rem .48rem;
}

.brand .list-2 li .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    cursor: pointer;
    max-height: 180px;
}

.brand .list-2 li .img img {
    opacity: 0;
}

.brand .list-2 li .img i {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../image/img60.png") center no-repeat;
    background-size: .6rem;
    cursor: pointer;
}

.brand .list-2 li .name {
    height: .55rem;
    line-height: .53rem;
    border-bottom: #ddd solid 1px;
    text-align: center;
    font-size: .16rem;
    color: #666;
}

.brand .list-2 li:hover .name {
    color: #044b9b;
    border-color: #eb5e24;
    border-width: 2px;
}

.pagemain {
    padding: 66px 0;
    background: #fafbfc;
}

.cooperation-box2 {
    border-radius: 6px;
    background-color: #fff;
    padding:30px;
    transition: all .3s;
    box-shadow: 0 4px 16px rgb(0 0 0 / 4%);
    -moz-box-shadow:0 0 4px 16px rgb(0 0 0 / 4%);
    -webkit-box-shadow: 0 4px 16px rgb(0 0 0 / 4%);
}
.cooperation-box2:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px 8px rgb(0 0 0 / 6%);
    -moz-box-shadow:0 8px 16px 8px rgb(0 0 0 / 6%);
    -webkit-box-shadow: 0 8px 16px 8px rgb(0 0 0 / 6%);
}
.cooperation-box2 .title{
    color: #110428;
    font-size: .18rem;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
}
.cooperation-box2 .title .icon{
  display: inline-block;
  width:35px;
  height:35px;
  margin-bottom: 10px;
  /*margin-left: -5px;*/
  /*margin-right:5px;*/
}
.cooperation-box2 .title span{
    color: #0f7add;
}
.cooperation-box2 .desc{
    height: 60px;
    color: #666;
    font-size: .14rem;
    line-height: 20px;
    display: none;
}
.cooperation-box-down {
    /* margin-top: 60px; */
    /*width: 25%;*/
    text-align: center;
    margin: 0 auto;
    margin-top: 60px;
}
.cooperation-box-down .title{
    /*color: #000;*/
    font-size: .26rem;
    font-weight: bold;
    padding: .2rem 0;
    background: #3c65cb;;
    margin-bottom: .4rem;
}

.cooperation-box-down .title p {
    font-size: .16rem;
    font-weight: normal;
}
.cooperation-box-down .desc, .cooperation-box .desc{
    font-size: .13rem;
    color: #666;
    margin: .3rem 0;
}
.erweima { 
    width: 25%;
    margin:15px auto;
    border-radius: 8px;
    /*box-shadow: 0 8px 16px 8px rgb(0 0 0 / 6%);*/
    /*-moz-box-shadow:0 8px 16px 8px rgb(0 0 0 / 6%);*/
    /*-webkit-box-shadow: 0 8px 16px 8px rgb(0 0 0 / 6%);*/
}

.case {
    /*padding: .6rem 0;*/
}

.case .num-group, .about-content .num-group {
    display: flex;
    padding: 0.5rem 0;
    justify-content: space-evenly;
    background: #3c65cb;
}
.about-content .num-group {
    background: #fff;
}

.about-content .content .content-content {
    /*padding: 0 1.6rem;*/
    text-align: justify;
}
.case .index-desc {
    margin-top: 30px;
}

.case .index-desc h2 {
    font-size: .2rem;
}
.case .index-desc p {
    font-size: .16rem;
}
.case .num-group .num-item, .about-content .num-group .num-item {
    /*flex: 1;*/
    display: flex;
    align-items: center;
}

.about-content .num-group .num-item {
    position: relative;
}

.about-content .num-group .num-item:after {
    content: "";
    width: 1px;
    height: 90px;
    background: #f1f1f1;
    right: -50px;
    top: 5px;
    position: absolute;
}
.about-content .num-group .num-item:last-child:after {
    width: 0;
}

.case .num-group .num-item .num-icon, .about-content .num-group .num-item .num-icon {
    margin-right: .325rem;
}

.case .num-group .num-item .num-content {
    color: #fff;
}

.case .num-group .num-item .num-icon {
    filter: brightness(0) invert(1)
}

.case .num-group .num-item .num-icon img, .about-content .num-group .num-item .num-icon img {
    max-width: 60px;
}

.case .num-group .num-item .num-content span, .about-content .num-group .num-item .num-content span {
    font-size: .425rem;
}

.case .list ul {
    display: flex;
    /*background: #f5f5f5;*/
    margin-bottom: 30px;
    border-radius: 10px;
}

.case li {
    position: relative;
    min-height: 2.41rem;
    /*border-bottom: #e5e5e5 solid 1px;*/
    padding: .125rem;
    font-size: .14rem;
    flex: 1;
    margin: 0 0.1rem;
    border: 1px solid #f1f1f1;
    background: #fff;
}

.case li:last-child {
    /*border: 0;*/
}

.case li .img {
    /*position: absolute;*/
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.4rem;
    bottom: auto;
    /*width: 1.625rem;*/
    overflow: hidden;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.case li .img p {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: .26rem;
    padding: .13rem .3rem .13rem .46rem;
}

.case li .img p:before {
    content: "";
    display: block;
    position: absolute;
    left: .3rem;
    top: .13rem;
    width: .06rem;
    height: .26rem;
    background: url("../image/img6_2.png") center no-repeat;
    background-size: 100%;
}

.case li .title {
    padding: .2rem 0 .4rem 0;
    position: relative;
}

.case li .title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .2rem;
    width: .4rem;
    height: .02rem;
    background: #044b9b;
}

.case li .title div {
    display: inline-block;
    height: .3rem;
    line-height: .3rem;
    background: #ffe0d4;
    color: #044b9b;
    -moz-border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
    padding: 0 .12rem;
}

.case li .title h3 {
    font-size: .24rem;
    line-height: .36rem;
    padding-top: .1rem;
}

.case li .content {
    line-height: .28rem;
    color: #666;
}

.p-title-2 {
    padding: .9rem 0 .4rem 0;
}

.p-title-2 h2 {
    background: url("../image/img68.png") left bottom no-repeat;
    background-size: .68rem;
    font-size: .3rem;
    padding-bottom: .2rem;
}

.programme-1 {
    align-items: flex-end;
    -webkit-align-items: flex-end;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
}

.programme-1 .col {
    width: 5.8rem;
}

.programme-1 h3.msg {
    font-size: .24rem;
    line-height: .3rem;
    color: #044b9b;
    padding-bottom: .15rem;
    margin-top: -.06rem;
    width: 100%;
}

.programme-1 h3.msg.msg-2 {
    line-height: .4rem;
    padding-bottom: .25rem;
}

.programme-1 div.msg {
    font-size: .14rem;
    line-height: .28rem;
    color: #666;
    padding-bottom: .25rem;
    text-align: justify;
    width: 100%;
}

.programme-1 .list li {
    padding-bottom: .1rem;
}

.programme-1 .list li:last-child {
    padding-bottom: 0;
}

.programme-1 .list div {
    background: #f5f5f5;
    min-height: .6rem;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    position: relative;
    font-size: .14rem;
    line-height: .4rem;
    color: #666;
    padding: .1rem .2rem .1rem .32rem;
}

.programme-1 .list div:before {
    content: "";
    display: block;
    position: absolute;
    left: .19rem;
    top: .1rem;
    width: .06rem;
    height: .4rem;
    background: url("../image/img6.png") center no-repeat;
    background-size: 100%;
}

.programme-1 .list-2 li {
    padding-bottom: .1rem;
}

.programme-1 .list-2 li:last-child {
    padding-bottom: 0;
}

.programme-1 .list-2 div {
    background: #f5f5f5;
    min-height: .7rem;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    padding: .15rem .2rem;
    color: #666;
    line-height: .4rem;
    font-size: .14rem;
}

.programme-1 .list-2 div b {
    background: #044b9b;
    color: #fff;
    -moz-border-radius: 0.06rem;
    -webkit-border-radius: 0.06rem;
    border-radius: 0.06rem;
    margin-right: .2rem;
    width: 1.1rem;
    height: .4rem;
    text-align: center;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.programme-1 .img {
    width: 5.8rem;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.programme-1 .img i {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    background: url("../image/img90.png") center no-repeat;
    background-size: .9rem;
}

.programme-1 .img.img-2 {
    order: -1;
}

.programme-1 .img.img-3 {
    width: 5.43rem;
}

.programme-2 h3.msg {
    padding-bottom: .3rem;
    font-size: .18rem;
    line-height: .3rem;
    color: #044b9b;
}

.programme-2 h3.msg em {
    color: #294766;
}

.programme-2 .list li {
    width: 20%;
    text-align: center;
}

.programme-2 .list li img {
    width: 1.7rem;
}

.programme-2 .list li .name {
    font-weight: bold;
    font-size: .16rem;
    line-height: .26rem;
    padding-top: .15rem;
}

.programme-3 .title {
    padding-bottom: .15rem;
}

.programme-3 .title h2 {
    color: #044b9b;
    font-size: .18rem;
    padding-left: .16rem;
    background: url("../image/img8.png") left center no-repeat;
    background-size: .08rem;
}

.programme-3 .box {
    margin-bottom: .4rem;
    padding: .5rem;
    background: #f5f5f5;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.programme-3 .box .col {
    width: 6.18rem;
}

.programme-3 .box .col .msg {
    padding-top: .35rem;
    text-align: left;
}

.programme-3 .box .img-1 {
    width: 4.04rem;
}

.programme-3 .box .img-2 {
    width: 4.34rem;
}

.programme-3 .box .img-3 {
    width: 4.84rem;
}

.programme-3 .box .msg {
    text-align: center;
    font-size: .14rem;
    line-height: .3rem;
    font-weight: bold;
    padding-top: .45rem;
    width: 100%;
}

.programme-3 .box.box-1 {
    padding: .5rem 1.1rem;
}

.programme-3 .box:last-child {
    margin: 0;
}

.pageLayer {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.5);
}

.pageLayer.show {
    opacity: 1;
    visibility: visible;
}

.pageLayer .container {
    width: 12rem;
    min-height: 2rem;
    position: relative;
    background: #fff;
}

.pageLayer a.close {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.5rem;
    top: 0.5rem;
    bottom: auto;
    background: url("../image/close43.png") center no-repeat;
    background-size: cover;
    width: .43rem;
    height: .43rem;
    opacity: .7;
}

.pageLayer a.close:hover {
    opacity: 1;
}

.cookieFootLayer {
    position: fixed;
    z-index: 50;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 38, 77, 0.8);
    box-shadow: 0 0.17rem 0.7rem rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0.17rem 0.7rem rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0.17rem 0.7rem rgba(0, 0, 0, 0.15);
}

.cookieFootLayer.hide {
    bottom: -2rem;
    opacity: 0;
    visibility: hidden;
}

.cookieFootLayer .wal {
    min-height: 1rem;
}

.cookieFootLayer .content {
    width: 6rem;
    padding: .3rem 0;
    font-size: .14rem;
    line-height: .26rem;
    color: #fff;
}

.cookieFootLayer .content h2 {
    font-size: .18rem;
    color: #044b9b;
}

.cookieFootLayer .content p {
    padding: .07rem 0;
}

.cookieFootLayer .content a {
    color: #4bafff;
    text-decoration: underline;
}

.cookieFootLayer .btn {
    width: 2.2rem;
}

.cookieFootLayer .btn a {
    width: 1rem;
    height: .4rem;
    line-height: .38rem;
    text-align: center;
    color: #fff;
    font-size: .16rem;
    border: #fff solid 1px;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

.cookieFootLayer .btn a:hover {
    background: #4bafff;
    color: #fff;
    border-color: #4bafff;
}

.cookieLayer .container {
    min-height: 6rem;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    padding: .55rem .3rem;
}

.cookieLayer h2.title {
    text-align: center;
    font-size: .48rem;
    background: url("../image/img475.png") center no-repeat;
    background-size: 4.75rem;
}

.cookieLayer .time {
    text-align: center;
    font-weight: bold;
    color: #294766;
    font-size: .16rem;
    line-height: .5rem;
}

.cookieLayer .scroll {
    height: 3.7rem;
    overflow: hidden;
}

.cookieLayer .scroll .title {
    font-size: .24rem;
    color: #294766;
    padding-left: .2rem;
    background: url("../image/ico10.png") left center no-repeat;
    background-size: .1rem;
    margin-left: .2rem;
}

.cookieLayer .scroll .content {
    font-size: .16rem;
    line-height: .24rem;
    text-align: justify;
    color: #666;
    padding: .1rem .2rem .2rem .4rem;
}

#slider {
    position: relative;
    height: .46rem;
    background: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #999999;
    overflow: hidden;
}

#slider .slider_bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
}

#slider .slider_bg:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(15, 44, 124, 0.2);
}

#slider .bar {
    display: flex;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    width: .74rem;
    border: #ccc solid 1px;
    cursor: move;
    background: #fff url("../image/img14_2.png") center no-repeat;
    background-size: .14rem;
}

#slider.on .slider_bg {
    width: 100% !important;
}

#slider.on .bar {
    background-image: url("../image/img21.png");
    background-size: .2rem;
    left: 100% !important;
    margin-left: -.74rem;
}

/*# sourceMappingURL=index.css.map */